如何在网页上自动高亮关键词

为什么要自动高亮

在页面上反复寻找同样几个词，是一件很常见的苦差事。求职者在每个职位里找「远程」和「高级」。买家在商品页里找「翻新」或「进口」。研究人员在几十篇文章里找某个药名、人名或地名。为了找三个词而逐字阅读很慢，而且在长页面里很容易漏掉一个。

自带的方法

Chrome 的查找栏能完成其中一部分：

1. 按 Ctrl+F（Mac 上按 Cmd+F）。
2. 输入一个词。Chrome 会高亮所有匹配项，并显示数量，比如 3/12。
3. 按 Enter 在匹配项之间跳转。

对于这件事，它有两个局限。它一次只能查找一个词，所以三个词就要查三次。而且一关掉查找栏或打开另一个页面，高亮就消失了，所以每个职位你都得重复一遍。

手动的方法

你可以把查找栏用得更好一些：

• 先查最重要的那个词，只阅读出现它的页面。
• 把要查的几个词记在笔记里，依次粘贴到查找栏中。
• 如果网站有自己的搜索或筛选功能，先用它们缩小范围再阅读。

这些能省一点时间，但每个页面上的查找还是得你自己来。

用工具一劳永逸

用户脚本可以在每次页面加载时替你查找。它是一小段在你指定网站上运行的 JavaScript。高亮用的用户脚本会遍历页面上的文字，把你的每个关键词的每一处匹配都包上彩色高亮，并在页面顶部放一个小计数器，显示一共找到多少处。你打开的下一个职位页面也会同样高亮，什么都不用做。

ScriptPanda 是一个 Chrome 扩展程序，可以根据简单的描述构建这样的工具。在你想要高亮的页面上打开它的侧边栏，粘贴本指南末尾的请求，把三个词换成你自己的。它就会编写这个工具并安装到该网站上。

高亮只是普通的文本匹配，所以工具建好之后不使用 AI，运行时也不会消耗你套餐里的请求。构建工具和之后修改关键词才会消耗。

值得后续提出的要求：

• 每个词用不同颜色，比如「远程」用绿色，「无薪」用红色。
• 只匹配完整词语，避免匹配到你不想要的更长的词。
• 在计数器旁边加上跳转按钮，依次滚动到每一处匹配。
• 在页面上加一个编辑关键词的输入框，不用找 ScriptPanda 也能修改。

高亮含义，而不只是词语

简单的高亮只能找到完全相同的词。如果你想要更接近含义的匹配，比如「任何暗示这是兼职岗位的内容」，那就需要 AI 了。关于总结网页的相关指南介绍了 ScriptPanda 中 AI 工具的运作方式：首次运行前需要你批准，每次运行都会消耗请求。

局限

这个工具在你电脑上的 Chrome 中，高亮它所针对的网站上的文字。它只能看到页面上的文字，所以图片里的文字、在浏览器中打开的 PDF 里的文字，以及尚未加载的内容，都要等出现之后才能被匹配。滚动时会继续加载内容的页面，需要工具持续监视，这一点值得在请求中提一下。如果网站改版后高亮不再出现，在页面上打开 ScriptPanda，让它修复工具。