如何用 Highlighter 轻松高亮网页文本？超实用 Chrome 扩展完整指南 ✨

Highlighter 是一款强大的开源 Chrome 扩展工具，专为网页文本高亮设计，让你轻松标记和保存重要信息。无论是阅读文章、研究资料还是学习笔记，只需简单操作就能永久保存高亮内容，下次访问网页时自动重现！

🚀 核心功能：让网页阅读效率提升 300%

一键高亮，操作超简单

告别繁琐的复制粘贴！选中任意网页文本后，右键点击或使用快捷键 Ctrl+Shift+H，瞬间完成高亮标记。所有高亮自动保存在本地，无需担心数据丢失。

持久化保存，跨设备同步

通过浏览器存储技术，Highlighter 会记住你在每个网页上的所有高亮记录。关闭页面再重新打开，之前标记的重点内容会自动重新高亮，让阅读体验无缝衔接。

个性化颜色定制

内置多种高亮颜色选择，你可以根据不同内容类型设置专属颜色标签（如红色标记重要结论、黄色标注疑问点）。通过弹出面板的颜色选择器，轻松切换高亮样式。

图：Highlighter 扩展在 Chrome 浏览器中的高亮效果示例，支持多种颜色标记

💻 安装与使用教程：3 步上手

1. 快速安装方法

• Chrome 商店安装：直接在 Chrome 网上应用店 搜索 "Highlighter" 点击安装
• 开发者模式安装：
  1. 克隆项目仓库：git clone https://gitcode.com/gh_mirrors/hig/highlighter
  2. 进入项目目录运行 npm install
  3. 在 Chrome 地址栏输入 chrome://extensions/，开启"开发者模式"，点击"加载已解压的扩展程序"选择项目文件夹

2. 基础使用步骤

1. 打开任意网页，选中需要高亮的文本
2. 右键选择 "Highlight Text" 或按下 Ctrl+Shift+H
3. 高亮颜色默认使用上次选择的颜色，如需更换可点击浏览器工具栏的扩展图标选择新颜色

图：Highlighter 右键菜单展示，支持一键高亮和颜色切换功能

3. 高级功能设置

• 管理所有高亮：通过扩展面板的"查看所有高亮"功能，快速定位和管理当前页面的所有标记
• 批量删除：支持单个或全部高亮删除，避免页面标记混乱
• 性能优化：针对大型网页做了渲染优化，即使数百个高亮也不会卡顿

🔧 开发与自定义指南

如果你想二次开发或自定义功能，项目源码结构清晰，主要模块路径如下：

• 核心高亮逻辑：src/contentScripts/highlight/
• 用户界面组件：src/popup/
• 配置文件模板：config/secrets.sample.js

开发环境搭建只需 2 步：

1. 安装依赖：npm install
2. 配置密钥文件：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，让网页阅读从此告别"看过就忘"的困境吧！ 📚✨