blurweb/README.md

BlurText - 文字模糊保护插件

一款简单实用的浏览器扩展，专为屏幕分享和录制场景设计，帮助你快速模糊敏感文字信息，保护隐私安全。

✨ 功能特点

• 🖱️ 一键模糊：点击即可模糊任意网页文字
• 🎚️ 可调强度：5-20px 模糊强度自由调节
• 🔄 即点即消：再次点击取消模糊效果
• 🗑️ 批量清除：一键清除所有模糊效果
• ⚡ 实时生效：无需刷新，立即看到效果
• 🔒 本地处理：所有数据本地存储，不上传云端

📦 安装方法

Chrome / Edge / 其他 Chromium 浏览器

1. 下载本项目或克隆到本地
2. 打开浏览器，进入扩展程序管理页面：
   • Chrome: chrome://extensions/
   • Edge: edge://extensions/
3. 开启右上角的"开发者模式"
4. 点击"加载已解压的扩展程序"
5. 选择本项目的文件夹
6. 安装完成！

🎯 使用方法

基础使用

1. 点击浏览器工具栏的 BlurText 图标
2. 点击"开启模糊模式"按钮
3. 在网页上点击要模糊的文字元素
4. 再次点击已模糊的元素可取消模糊
5. 按 ESC 键退出模糊模式

调整模糊强度

• 在弹出窗口中拖动"模糊强度"滑块
• 范围：5px（轻微模糊）到 20px（强烈模糊）
• 实时生效，无需重新操作

清除所有模糊

• 点击弹出窗口中的"清除所有模糊"按钮
• 所有模糊效果将立即移除

💡 使用场景

• 技术分享：录制教程时隐藏 API Key、Token 等敏感信息
• 在线会议：演示时保护客户信息、内部数据
• 直播带货：展示后台时模糊订单、联系方式
• 客服工作：屏幕共享时保护用户隐私
• 内容创作：录制视频时快速处理敏感内容

🔧 技术栈

• Manifest V3：使用最新的浏览器扩展标准
• 原生 JavaScript：无框架依赖，轻量高效
• CSS Filter：使用 CSS filter: blur() 实现模糊效果
• Chrome Storage API：本地存储用户配置

📂 项目结构

blurweb/
├── manifest.json       # 扩展配置文件
├── popup.html          # 弹出窗口界面
├── popup.js            # 弹出窗口逻辑
├── content.js          # 内容脚本（核心功能）
├── content.css         # 注入样式
├── icons/              # 图标文件夹
│   ├── icon16.png
│   ├── icon32.png
│   ├── icon48.png
│   └── icon128.png
└── README.md           # 说明文档

🚀 后续计划

• 图片模糊功能
• 区域模糊（矩形选择）
• 自动识别敏感信息（手机号、身份证等）
• 模糊记忆功能（页面刷新后保持）
• 导出/导入配置
• 快捷键支持
• Firefox 版本

🤝 贡献

欢迎提交 Issue 和 Pull Request！

📄 许可证

MIT License

⚠️ 注意事项

1. 模糊效果仅在当前页面生效，刷新后需要重新操作
2. 某些动态加载的内容可能需要重新模糊
3. 模糊效果只是视觉隐藏，不影响网页的实际数据
4. 建议在正式录制前测试模糊效果

📞 反馈

如有问题或建议，欢迎提交 Issue。

---

开发初衷：为了让屏幕分享和录制更安全、更便捷，不再需要后期打码，节省时间，保护隐私。