如何用 Highlighter 轻松高亮网页文本？超实用 Chrome 扩展完整指南 ✨
项目地址: https://gitcode.com/gh_mirrors/hig/highlighter Highlighter 是一款强大的开源 Chrome 扩展工具，专为网页文本高亮设计，让你轻松标记和保存重要信息。无论是阅读文章、研究资料还是学习笔记，只需简单操作就能永久保存高亮内容，下次访问网页时自动重现！
🚀 核心功能：让网页阅读效率提升 300%
一键高亮，操作超简单
告别繁琐的复制粘贴！选中任意网页文本后，右键点击或使用快捷键 Ctrl+Shift+H，瞬间完成高亮标记。所有高亮自动保存在本地，无需担心数据丢失。
持久化保存，跨设备同步
通过浏览器存储技术，Highlighter 会记住你在每个网页上的所有高亮记录。关闭页面再重新打开，之前标记的重点内容会自动重新高亮，让阅读体验无缝衔接。
个性化颜色定制
内置多种高亮颜色选择，你可以根据不同内容类型设置专属颜色标签（如红色标记重要结论、黄色标注疑问点）。通过弹出面板的颜色选择器，轻松切换高亮样式。
图：Highlighter 扩展在 Chrome 浏览器中的高亮效果示例，支持多种颜色标记
💻 安装与使用教程：3 步上手
1. 快速安装方法
- Chrome 商店安装：直接在 Chrome 网上应用店 搜索 "Highlighter" 点击安装
- 开发者模式安装：
- 克隆项目仓库：
git clone https://gitcode.com/gh_mirrors/hig/highlighter - 进入项目目录运行
npm install - 在 Chrome 地址栏输入
chrome://extensions/，开启"开发者模式"，点击"加载已解压的扩展程序"选择项目文件夹
- 克隆项目仓库：
2. 基础使用步骤
- 打开任意网页，选中需要高亮的文本
- 右键选择 "Highlight Text" 或按下 Ctrl+Shift+H
- 高亮颜色默认使用上次选择的颜色，如需更换可点击浏览器工具栏的扩展图标选择新颜色
图：Highlighter 右键菜单展示，支持一键高亮和颜色切换功能
3. 高级功能设置
- 管理所有高亮：通过扩展面板的"查看所有高亮"功能，快速定位和管理当前页面的所有标记
- 批量删除：支持单个或全部高亮删除，避免页面标记混乱
- 性能优化：针对大型网页做了渲染优化，即使数百个高亮也不会卡顿
🔧 开发与自定义指南
如果你想二次开发或自定义功能，项目源码结构清晰，主要模块路径如下：
- 核心高亮逻辑：src/contentScripts/highlight/
- 用户界面组件：src/popup/
- 配置文件模板：config/secrets.sample.js
开发环境搭建只需 2 步：
- 安装依赖：
npm install - 配置密钥文件：
cp config/secrets.sample.js config/secrets.js（需替换 Google Analytics ID）
📌 常见问题解答
Q: 高亮内容会保存在哪里？
A: 所有高亮数据存储在浏览器的本地存储中，不会上传到云端，确保隐私安全。
Q: 支持哪些浏览器？
A: 目前仅支持 Chrome 及基于 Chromium 内核的浏览器（如 Edge、Brave）。
Q: 如何备份我的高亮数据？
A: 可通过 Chrome 浏览器的"同步"功能，将扩展数据同步到你的 Google 账户中。
🌟 为什么选择 Highlighter？
与同类工具相比，Highlighter 拥有 零广告干扰、完全开源免费、轻量级设计 三大优势。不到 1MB 的安装包大小，却能显著提升网页阅读效率，是学生、研究员和终身学习者的必备工具！
立即安装 Highlighter，让网页阅读从此告别"看过就忘"的困境吧！ 📚✨
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
