一个帮助用户学习和管理单词的浏览器扩展插件,支持网页单词识别、单词本管理和单词高亮标记功能。
- 当用户选中页面中的任意单词时,弹出浮动窗口提供【加入单词本】的选项
- 浮动窗口显示单词的释义(如果已在单词本中)
- 点击扩展图标可查看个人单词本
- 支持为每个单词添加自定义释义和注释
- 支持单词的添加、编辑和删除操作
- 当页面出现单词本中已存在的单词时,自动用虚线框突出显示该单词
- 高亮单词使用#FF6B6B颜色,透明度30%,与页面正文保持3px间距
- 单词本数据使用浏览器本地存储,确保关闭浏览器后数据不丢失
- 支持导入/导出单词本数据
- 浮动窗口包含即时释义显示功能
- 支持通过右键菜单快速添加单词
- 单词高亮样式可自定义(颜色、透明度)
- 下载或克隆本仓库到本地
- 打开Chrome浏览器,进入扩展管理页面(chrome://extensions/)
- 开启"开发者模式"
- 点击"加载已解压的扩展程序",选择本项目文件夹
- 安装完成后,浏览器右上角会显示扩展图标
- 方法一:在网页中选中单词,在弹出的浮动窗口中点击"添加到单词本"
- 方法二:在网页中选中单词,右键点击并选择"添加到单词本"
- 方法三:点击扩展图标,在弹出的单词本管理页面中点击"添加单词"按钮
- 点击浏览器右上角的扩展图标
- 在弹出的单词本管理页面中,可以:
- 搜索单词
- 查看单词列表
- 编辑单词的释义和笔记
- 删除不需要的单词
- 点击扩展图标,切换到"设置"标签页
- 可以设置:
- 还可以导入/导出单词本数据
本扩展使用原生的HTML、CSS和JavaScript开发,主要组件包括:
- manifest.json:扩展的配置文件
- popup.html/css/js:弹出窗口界面和交互逻辑
- content.js/css:注入到网页的内容脚本,实现单词识别和高亮
- background.js:后台脚本,处理右键菜单和数据管理
- 本扩展仅支持单个单词的识别和添加,不支持短语或句子
- 高亮功能可能会对某些网页布局产生轻微影响
- 单词数据存储在浏览器本地,不会上传到任何服务器
- 添加单词发音功能
- 支持云端同步
- 添加学习进度跟踪
- 支持单词分类管理