first commit

README.md

@@ -0,0 +1,111 @@
+# 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。
+
+---
+
+**开发初衷**：为了让屏幕分享和录制更安全、更便捷，不再需要后期打码，节省时间，保护隐私。