设计过滤器

时间:2013-10-21 21:45:35

标签: javascript html

问题不再那么重要了。

我只想补充一点,如果有人遇到过滤HTML的需要,我建议使用MutationObserver(这是我的最终选择..)

2 个答案:

答案 0 :(得分:2)

阅读有关DOM操作的更多信息,它会有所帮助。是的,在这里使用内容脚本是正确的方法。您希望让您的脚本在“document_start”运行,该文件在Chrome开始解析DOM之前运行(这样您将获得良好的开端,基本上)您可以通过以下几种方式进行过滤;

  • 只需将DOM用作一个大字符串,然后删除所需的字词即可。然而,这是一种混乱的方式,如果一些重要的东西以你的词命名(比如一个类,标签名称或诸如此类的东西),你就会破坏DOM。
  • 在DOM准备好后立即遍历DOM中的文本节点(字符串),并替换和编辑这些文本节点。

有一些教程详细介绍了这种可以在线轻松找到的东西,包括DOM操作和文本节点替换。本文详细介绍了它比我在这里更加贴心和更好:Replacing text in the DOM...solved?

这是一个JS库(来自撰写该文章的同一个人),它实际上为您完成了所有艰苦的工作:https://github.com/padolsey/findAndReplaceDOMText

答案 1 :(得分:1)

我接近这个的方式是通过jQuery /其他框架插件。我建议你看看几乎每个框架中都有的一些高亮插件。请参阅here for some examples of doing highlighting

基本上您需要做的是选择heading代码p代码和spans并循环覆盖每个替换不良字词。