制作HTML简历怎么隐藏敏感信息？内容保护技巧-html教程-PHP中文网

html简历中禁用display:none隐藏手机号/邮箱，因其源码仍明文可见；应通过服务端脱敏（如138**1234）或权限接口动态加载，确保敏感信息不进入前端源码。

制作html简历怎么隐藏敏感信息？内容保护技巧

HTML简历里用`display: none`隐藏手机号/邮箱？别这么做

它只是让元素不渲染，但源码里明文照旧，右键“查看页面源代码”或开发者工具的 Elements 面板一眼就能看到。简历常被转发、截图、甚至爬取，这种“隐藏”等于没藏。

真正该做的，是不让敏感字段进 HTML 源码——要么服务端渲染时就脱敏（如 138****1234），要么完全不放，等用户登录后通过受权限控制的接口动态加载。

硬编码在 <span>13812345678</span> 里再加 style="display:none"，和直接写在页面上没区别
用 visibility: hidden 同样无效，DOM 仍在，且仍占布局空间，反而可能影响排版
JS 动态插入后立刻设 display: none 也不行：明文在 JS 字符串里，Network 面板或 Sources 里一搜就出

简历中电话/邮箱怎么安全展示？优先走服务端脱敏

如果你用 Node.js / Python / PHP 等生成简历 HTML，最稳妥的方式是在模板层就把敏感字段处理成脱敏格式，浏览器拿到的就是最终结果，没有“先明文、再遮盖”的中间态。

例如：

Node.js + EJS：（仅限服务端执行）
Python + Jinja2：{{ phone|regex_replace('(\d{3})\d{4}(\d{4})', '\1****\2') }}
Java + Thymeleaf：${#strings.substring(phone,0,3) + '****' + #strings.substring(phone,-4)}

注意：所有这些逻辑必须在服务器完成，不能把原始手机号传给前端再让 JS 处理——JS 里任何 .replace() 或正则都意味着明文已落地。

超级简历WonderCV

一款AI办公效率工具，主要用于免费求职简历模版下载制作，应届生职场人必备简历制作神器，适合需要提升相关任务效率的用户。

下载

想用前端 JS 做简单脱敏？只适用于低敏、非公开场景

如果你的简历是纯静态 HTML（比如托管在 GitHub Pages），又确实需要展示部分联系方式，可接受“防君子不防小人”，那 JS 脱敏只能作为最后一道弱防护，且必须满足两个前提：

数据不是从 HTML 标签里读取（比如 <span data-phone="13812345678"></span>），而是直接写死在 JS 变量里，再立即处理
脱敏后直接赋值给 textContent，绝不先写入明文再隐藏——否则 DOM 闪现或缓存里可能残留
避免用 btoa() 或 atob()：它们不是脱敏，是可逆编码，控制台输 atob("MTM4MTIzNDU2Nzg=") 秒解

示例（仅作示意，不推荐用于正式发布）：

const rawPhone = "13812345678";
const masked = rawPhone.replace(/(\d{3})\d{4}(\d{4})/, "$1****$2");
document.getElementById("phone").textContent = masked;