In-page Highlighter 自动高亮页面中所有选中的文字

查看源码

想写这么一款插件已经很久了，最大的动因是经常看英文文档，对于一些比较陌生的单词，尤其是专有名词，总是需要结合上下文才能理解意思。这个时候如果我选中这个词，页面中所有同样的词都能标出来，我就能快速找到这个专有名词的上下文进行理解了。

其实这个功能很简单，就是 Chrome 自带的搜索功能，但是由于 Chrome 插件并不能直接调用 Chrome 自带的搜索功能，所以我就用简单的 JavaScript 模拟了这一操作。

English Version

使用示例


选择前：

inpage highlighter usage

选择后：（假设选中了「C89」，通过双击或鼠标选择均可）

inpage highlighter usage

使用方法


普通用户：请前往 Chrome 商店下载 In-page Highlighter

开发者：


  1. 前往 GitHub 页面下载整个项目为 .zip 文档

  2. 将压缩包中的内容解压到任意合适的目录下

  3. 打开 Google Chrome 的设置页，进入「扩展程序」

  4. 确保右上方的的「开发者模式」被勾选

  5. 点击「加载正在开发的扩展程序」，找到之前解压的目录点确定即可

移植说明


本插件专门为 Google Chrome 编写，不过可以通过简单的修改移植到 Mozilla Firefox 平台。如果你需要将其移植到 Internet Explorer 或其他可能没有完全实现 ECMAScript 特性的浏览器平台，则需要对以下的语句进行修改（在 j.js 中）

String.prototype.trim
document.querySelectorAll
document.createTreeWalker
String.prototype.split(RegExp)

开发进度


  • [x] 增加可选配置

  • [x] 增加多国语言

  • [ ] 修复已知 BUG

开源协议


本项目采用 MIT 协议发布

chrome