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. 建议在正式录制前测试模糊效果
5. 模糊数据存储在浏览器本地，不会上传到云端

📞 反馈

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

---

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