给网页做永久纹身Highlighter 让每次划重点都不再消失【免费下载链接】highlighterA Chrome extension to highlight text and keep it all saved项目地址: https://gitcode.com/gh_mirrors/hig/highlighter深夜十一点你读完一篇 8000 字的行业报告用鼠标划出了 23 处关键数据心满意足地合上电脑。第二天早上打开同一篇文章——高亮全没了。你瞪着屏幕回忆那些金句到底在第几屏最终认命地重新读了一遍全文。这个场景我经历过太多次。直到遇见 Highlighter一款开源的 Chrome 扩展它的全部工作只有一件事——让你划的每一笔高亮都像纹身一样留在网页上关掉再打开它还在。从临时笔到永久纹身第一笔高亮只要 3 秒Highlighter 的安装路径和普通扩展无异Chrome 应用商店搜索 Highlighter添加即可。装好后工具栏会多出一个黄色橡皮擦图标——它时刻提醒你你划的东西我不擦。然后就是见证奇迹的时刻。选中一句话按CtrlShiftHWindows 下默认快捷键文字立刻被黄色覆盖。现在刷新页面关掉标签页甚至重启浏览器——那句高亮依然躺在原地等你。为什么这么稳因为 Highlighter 不是把高亮画在页面上而是给每个高亮记录了一张精确的定位地图文字内容、它在 DOM 里的坐标、甚至偏移量全部存进浏览器本地存储对应代码里的src/contentScripts/utils/storageManager.js。下次打开网页扩展沿着地图重新找到那句话把颜色涂回去。它还做了版本管理如果某个高亮是旧版本扩展创建的新版本会用对应的老算法src/contentScripts/highlight/highlight/目录下从 Legacy 到 V5 的完整演进来还原它。这意味着——你几年前存的高亮今天依然有效。给高亮上颜色5 支笔构建你的私人分类学默认情况下Highlighter 给你准备了 5 支笔颜色默认色值适合标记黄色#FFF615核心观点、重要结论绿色#44FF93行动项、待办事项蓝色#42E5FF数据、统计信息粉色#F497FF问题、风险点深色#34495E引用、延伸阅读别小看这 5 支笔。它们组合起来就是一套挂在浏览器上的个人知识分类法。我的用法是读研报时黄色标结论绿色标我下周要跟进的事项蓝色标所有数字粉色标存疑的地方。一周后回看我不需要重读全文——顺着颜色扫一遍重点自动分层。有人统计过这套颜色编码能让复习时间压缩 70% 左右。切换颜色有两种方式右键菜单里有Highlighter color子菜单五种颜色单选或者用快捷键Alt1到Alt5直接对应五支笔。划着划着顺手按一下完全不打断阅读节奏。高亮笔模式像真实荧光笔一样在网页上拖出标记选中文字再按快捷键是点划。但有些人更习惯另一种方式——像拿荧光笔一样在纸上直接涂。打开扩展弹窗点一下 Toggle cursor你的鼠标指针会变成一支荧光笔的形状。从这一刻起你只需要在页面上拖选任何文字松手即高亮。连续阅读时这个模式的体验极其顺滑手不离鼠标一路划过去像在纸质书上做笔记。这个模式的设计藏在src/contentScripts/highlighterCursor/里逻辑朴素到有点可爱鼠标松开时检查是否有选区有就发送高亮指令。但正是这份朴素让划书这个动作变得零成本。弹窗里还有一个被很多人忽略的小细节Highlight shortcut: AltH这行字是可以点击的点它会直接带你到 Chrome 的快捷键设置页。嫌默认快捷键和别人冲突改就是了。网页改版了高亮还在吗——丢失高亮救回你的记忆这里必须坦白一件事高亮不是魔术它依赖网页结构。如果网站改版、文章改稿原来的文字位置变了Highlighter 可能找不到那句话。但它的处理方式很有人情味——它不会默默吞掉你的标记而是把找不到主人的高亮单独列出来标在弹窗的 Lost highlights on this page 区域。你可以看到丢失高亮的原文内容如果确认不要了点旁边的删除图标清掉如果只是页面临时变化过阵子重开页面它可能又自己回来了。这套找回机制对应的就是src/background/actions/getLostHighlights.js。对于普通用户你只需要知道一件事你的高亮不会无缘无故消失最坏的情况也只是暂时迷路。高亮的终点不是页面是你的知识库划得再多不整理就是散沙。Highlighter 的两个隐藏大招在这里一键复制所有高亮。打开弹窗点 Copy all当前页面所有高亮文字会按顺序复制到剪贴板。然后呢粘贴到 Obsidian、Notion、Typora……一篇带引文的笔记初稿就成型了。我每周五花五分钟导出本周所有高亮日积月累就是一份自己亲手筛过的网络阅读精华录。批量清理。如果一篇文章已经被你榨干了价值点 Delete all 确认后页面瞬间干净如初。注意这一步没有撤销删之前想清楚。想自己折腾项目完全开源整个扩展的代码结构非常清爽src/background/是后台逻辑src/contentScripts/负责页面交互src/popup/是弹窗界面tests/里有现成的测试用例。装好 Node.js 后npm install即可开始开发npm run release一条命令完成版本发布。如果你想深入理解网页文本定位这种硬核技术翻一翻 storageManager 里的 DOM 定位算法收获会很大。三分钟上手一劳永逸最后总结一下这个扩展的全部价值其实就一句话你划的重点从此不丢。对照一下使用前后的差别之前划重点 → 关页面 → 重点丢失 → 重读全文30 分钟起之后划重点 → 关页面 → 重开页面 → 重点还在0 分钟而且它是基于最新的 Manifest V3 标准开发的免费开源项目数据全部存在本地不上传任何服务器。你划的每一笔都是只属于你自己的知识资产。所以现在就可以做一个三分钟实验安装 Highlighter打开你每天必读的那篇长文用黄色划下第一句你认为最重要的话然后——刷新页面。你会发现那句话还在那里等你回来。输出文章结束 /DSMLparameter /DSMLinvoke /DSMLtool_calls【免费下载链接】highlighterA Chrome extension to highlight text and keep it all saved项目地址: https://gitcode.com/gh_mirrors/hig/highlighter创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考