一篇文章搞懂 Highlighter让网页高亮在刷新、重启、三个月后都还在【免费下载链接】highlighterA Chrome extension to highlight text and keep it all saved项目地址: https://gitcode.com/gh_mirrors/hig/highlighter这篇文章介绍 Chrome 扩展 Highlighter 如何用本地存储实现网页文本的永久保存高亮。无论你是学生、研究者还是产品经理只需 3 分钟就能掌握右键、快捷键与高亮笔三种标记方式并学会用颜色给信息分类、在页面改版后找回丢失的标记让每一次阅读都变成可复用的笔记。深夜读一份行业报告看到关键数据顺手用系统自带工具标了黄色。第二天打开同一篇文章标记全没了只能从头再读一遍——这个场景你大概率不陌生。问题不在你而在临时标记这件事本身浏览器根本不记得你画过什么。Highlighter 正是为这个痛点而生的 Chrome 扩展它的核心能力就一句话永久保存网页高亮。标记一次存在本地下次打开页面自动恢复。本文不堆功能清单只带你走一遍真实使用流程顺便看看它凭什么能做到刷新不丢。一次刷新让 40 分钟白费临时标记的三宗罪先给临时标记算笔账。浏览器自带的查找高亮、某些阅读插件的高亮本质上都是会话级的刷新即失页面一重载高亮跟着 DOM 一起消失无差别所有内容用一种颜色看不出主次不可管理标完就完既不能导出也不能检索。于是你反复做同一件事读文章、找重点、标记、丢、再找。这像用铅笔在玻璃上写字——写的时候很认真玻璃一擦就什么都没有了。把永久保存网页高亮拆开看Highlighter 在背后做了什么Highlighter 的思路很朴素别把标记画在页面上而是画在页面外面。选中一段文字它记录的不是一张截图而是一组坐标文字内容、它所在的位置通过一套稳定的 DOM 路径、选择的起止点、颜色、时间戳。这些数据被写进浏览器的chrome.storage.local也就是扩展自己的保险柜里。等你重新打开网页扩展按 URL 找到这一页的笔记拿着坐标重新把颜色涂回原处。对用户来说效果就是三个月前标的内容今天打开原样躺在那里。整个项目构建在 Manifest V3 标准之上代码结构清晰核心逻辑在src/contentScripts/页面侧处理与src/background/后台服务两个目录中想深入研究的读者可以从这两处入手。三种标记姿势找到你最顺手的那一种Highlighter 的操作没有学习成本因为通道足够多选一个顺手的就行。右键菜单选中文字右键挑一个颜色完成。适合低频、谨慎的标记。快捷键 AltH选中文字直接按AltH立刻以当前颜色高亮全程不离开键盘。默认快捷键是AltH与别的扩展冲突时可在扩展管理页的快捷键设置里重新分配弹窗里也有直达入口。高亮笔模式点击扩展图标再点 Toggle cursor鼠标变成一支笔的形状。之后像荧光笔一样划过文字松手即标记连续读长文时最省事。三种方式指向同一个结果文字被染上颜色并且立刻存入本地。习惯之后从读到重点到完成标记不超过两秒。悬停即管理复制、改色、删除一次鼠标悬停全搞定标记做完只是开始Highlighter 把管理也做进了页面里。鼠标悬停在任何一处高亮上上方会浮出一个小工具条复制把这段高亮文本送进剪贴板方便粘进笔记换色不改文字内容直接调整这条标记的颜色用于临时改变分类删除移除这条高亮同步清理存储。想要更大范围的操作点开扩展弹窗这里有当前页面所有高亮的列表点任意一条即可跳回页面对应位置Copy all 一键导出整页标记Delete all 则清空当前页。整套逻辑像给网页配了一个小型的笔记管理器而不只是给文字涂色。页面改版后标记还在吗如何找回丢失的高亮这是网页高亮最常翻车的地方文章改版、分页加载、动态渲染都可能让当初记录的位置对不上号。Highlighter 对此有专门设计——它会把没找到对应位置的标记单独归为一类在弹窗里列为丢失的高亮显示原文文字并允许你一键删除清理。换句话说即使页面变了你的文字内容依然被保存着不会无声无息地蒸发。读长文章遇到动态加载时这也是值得留意的特性等页面完整渲染后再标记成功率更高。颜色不只是好看把五种颜色变成你的分类系统默认提供黄、绿、蓝、粉、深色五种高亮色分别对应yellow、green、blue、pink、dark。别小看这五个色块它们其实是给信息分层的抓手黄色 → 核心观点绿色 → 行动项与待办蓝色 → 数据与事实粉色 → 存疑或待查深色 → 需要深读的段落更进阶的是自定义在弹窗里点颜色方块可以修改任意颜色的色值配置通过chrome.storage.sync保存会跟随你的 Chrome 账号同步。换句话说颜色规则定一次换电脑也照样生效。五色不够就自己定义五色。数据存哪、会不会泄露把存储机制一次讲清很多用户对永久保存有天然疑虑我的笔记会不会被上传Highlighter 的答案比较干脆——数据默认只存在你自己的浏览器里。chrome.storage.local意味着高亮记录绑定在当前设备扩展不上传任何内容到外部服务器自定义颜色的配置走chrome.storage.sync也只是同步到你自己的 Chrome 账号。没有账号体系、没有云端、没有追踪隐私面收得很干净。它的代价是换设备或清理浏览器数据时高亮不会跟着走所以重要内容记得定期用 Copy all 导出留底。一个练习从今天开始把高亮变成你的阅读习惯Highlighter 解决的核心问题是让标注从一次性动作变成可累积的资产。它不复杂也不需要你改变工作流——只是让标记这件事从此不再白做。如果你想立刻上手试试这个五分钟小练习安装扩展打开你常读的新闻或技术文章选一段你觉得重要的文字按AltH标记再选一段数据类内容切到蓝色再标一次刷新页面确认两处高亮自动恢复打开弹窗点 Copy all把标记内容粘进你的笔记工具。一周后你回头看这五次操作积累下来的就是一页属于你自己的、随时可复用的阅读摘要。高亮不再只是看过的证据而是想记住的开始。【免费下载链接】highlighterA Chrome extension to highlight text and keep it all saved项目地址: https://gitcode.com/gh_mirrors/hig/highlighter创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考