javascript - 在 Chrome 选项卡上突出显示基于正则表达式的文本？

Question

我如何在 chrome 页面上选择(或注入(inject) html 粗体标记或颜色标记等)所有单词，例如以字母“A”开头的单词？

就像 skype 分机一样，选择所有电话号码...我想用特定的词来做。

有什么想法吗？

---

编辑

我用过 "<h1><font color='red'>$1</font></h1>"

...这就是结果!

Answer 1

如用户 160820 所说，.replace 是格式化文本以完成某种模式的好方法。

您使用 RegExp 查找该模式，并将每个匹配项替换为格式化版本:

document.body.innerHTML = document.body.innerHTML.replace(/(A.*?\b)/g, "<b>$1</b>");

只有您需要在内容脚本中执行此操作，由 list 作为“content_scripts”字段规则自动注入(inject)，或者通过编程方式从后台页面注入(inject)

chrome.tabs.executeScript(tabId, {file:'yourContentHere.js'});

see executeScript

如果您想从扩展按钮触发格式化，您将需要这种方式:浏览器操作或页面操作。