javascript - 设计过滤器

Question

这个问题不再相关。

我只是想补充一点，如果有人需要过滤 HTML，我会建议使用 MutationObserver（这是我的最终选择..）

Answer 1

阅读更多关于 DOM 操作的内容，它会有所帮助。是的，在这里使用内容脚本是正确的方法。您需要让您的脚本在 Chrome 开始解析 DOM 之前运行的“document_start”处运行（这样您基本上可以抢占先机）您实际上可以通过几种方式进行过滤；

• 只需将 DOM 用作一个大字符串，然后删除您想要的单词。然而，这是一种混乱的处理方式，如果一些重要的东西以你的词命名（比如类、标签名或诸如此类），你就会破坏 DOM。
• DOM 准备好后立即循环遍历 DOM 中的文本节点（字符串），然后替换和编辑这些文本节点。

有教程详细介绍了您可以在网上轻松找到的此类内容，包括 DOM 操作和文本节点替换。这篇文章比我在这里更详细和更好地详细介绍了它：替换 DOM 中的文本......解决了吗？

这是一个 JS 库（来自撰写那篇文章的同一个人），它实际上为您完成了所有艰苦的工作：https ://github.com/padolsey/findAndReplaceDOMText

Answer 2

我解决这个问题的方法是通过 jQuery/其他框架插件。我建议您看一下几乎所有框架中都可用的一些亮点插件。在这里查看一些做高亮的例子。

本质上，您需要做的是选择heading标签p标签spans并循环遍历每个替换的坏词。