单词宝 - 网页单词学习助手

一个帮助用户学习和管理单词的浏览器扩展插件，支持网页单词识别、单词本管理和单词高亮标记功能。

• 当用户选中页面中的任意单词时，弹出浮动窗口提供【加入单词本】的选项
• 浮动窗口显示单词的释义（如果已在单词本中）

• 点击扩展图标可查看个人单词本
• 支持为每个单词添加自定义释义和注释
• 支持单词的添加、编辑和删除操作

• 当页面出现单词本中已存在的单词时，自动用虚线框突出显示该单词
• 高亮单词使用#FF6B6B颜色，透明度30%，与页面正文保持3px间距

• 单词本数据使用浏览器本地存储，确保关闭浏览器后数据不丢失
• 支持导入/导出单词本数据

• 浮动窗口包含即时释义显示功能
• 支持通过右键菜单快速添加单词
• 单词高亮样式可自定义（颜色、透明度）

1. 下载或克隆本仓库到本地
2. 打开Chrome浏览器，进入扩展管理页面（chrome://extensions/）
3. 开启"开发者模式"
4. 点击"加载已解压的扩展程序"，选择本项目文件夹
5. 安装完成后，浏览器右上角会显示扩展图标

• 方法一：在网页中选中单词，在弹出的浮动窗口中点击"添加到单词本"
• 方法二：在网页中选中单词，右键点击并选择"添加到单词本"
• 方法三：点击扩展图标，在弹出的单词本管理页面中点击"添加单词"按钮

1. 点击浏览器右上角的扩展图标
2. 在弹出的单词本管理页面中，可以：
   • 搜索单词
   • 查看单词列表
   • 编辑单词的释义和笔记
   • 删除不需要的单词

1. 点击扩展图标，切换到"设置"标签页
2. 可以设置：
   • 是否启用单词高亮
   • 高亮颜色
   • 高亮透明度
3. 还可以导入/导出单词本数据

本扩展使用原生的HTML、CSS和JavaScript开发，主要组件包括：

• manifest.json：扩展的配置文件
• popup.html/css/js：弹出窗口界面和交互逻辑
• content.js/css：注入到网页的内容脚本，实现单词识别和高亮
• background.js：后台脚本，处理右键菜单和数据管理

• 本扩展仅支持单个单词的识别和添加，不支持短语或句子
• 高亮功能可能会对某些网页布局产生轻微影响
• 单词数据存储在浏览器本地，不会上传到任何服务器

• 添加单词发音功能
• 支持云端同步
• 添加学习进度跟踪
• 支持单词分类管理