GalaxyZW
教程

录屏时如何自动隐藏网页敏感信息:完整指南

录制产品演示或教学视频时,最头疼的就是网页上的敏感信息。本文介绍如何使用 PureBlur 在录屏时自动模糊个人信息、API Key 等敏感数据,告别后期打码。

为什么需要录屏隐私保护

作为视频创作者,你可能遇到过这些问题:

  • 录制 SaaS 产品 Demo 时,后台有真实用户数据
  • 录制浏览器操作教程时,个人信息不小心暴露
  • 直播时,聊天消息或通知弹出了敏感内容
  • 传统的解决方案是在后期编辑时逐帧打码,这既耗时又容易遗漏。PureBlur 提供了一种更高效的方式——**在录屏的同时自动模糊敏感内容**。

    PureBlur 的工作原理

    PureBlur 是一个浏览器扩展,它在网页的渲染层应用 CSS 模糊滤镜。关键在于:

    1. **模糊效果是浏览器渲染的一部分**——任何录屏软件(OBS、ScreenFlow、系统自带录屏等)都会直接捕捉到模糊后的画面

    2. **不影响网页功能**——只是视觉效果,不改变 DOM 结构,不干扰任何网页交互

    3. **100% 本地处理**——所有模糊逻辑在你自己的浏览器中完成,不上传任何网页内容

    七种模糊模式

    1. 整块模糊

    适合临时隐藏特定区域。鼠标悬停时元素会高亮显示,点击即可模糊,再次点击恢复。

    2. 划词模糊

    适合精确控制模糊范围。选中网页上的任意文本,一键模糊。支持仅模糊选中区域或模糊全页同类词。

    3. 列打码

    悬停表格单元格自动浮现列选择按钮,一键模糊整列数据,表头智能保留。

    4. 区域打码

    自由划定矩形区域进行遮盖,不受 DOM 结构限制。

    5. 智能识别

    一键自动识别邮箱、手机号、身份证、金额等敏感信息并模糊。

    6. 标签页防护

    自动模糊浏览器标签页标题和图标,防止标签栏泄露信息。

    7. 持久化与防闪烁

    规则按域名保存,刷新自动恢复。动态加载内容即时模糊。

    实际使用流程

    1. 安装 PureBlur 扩展(自动获得 14 天全功能试用)

    2. 打开你要录制的网页

    3. 点击扩展图标,打开浮层面板

    4. 选择模糊模式,点击需要隐藏的内容

    5. 开始录屏——模糊效果会自动出现在录屏画面中

    小贴士

  • 模糊规则会按域名自动保存,下次打开同一网站无需重新设置
  • 动态加载的内容也会自动被模糊(通过 MutationObserver 监听)
  • 建议在开始录制前先设置好模糊规则,确保录制过程中不会出现意外暴露
  • 14 天试用期足够覆盖 4-8 次录制,充分体验所有功能