2013-10-21 106 views
0

的問題是,沒有更相關。設計濾波器

我只是想補充一點,如果有人遇到需要過濾HTML,我建議使用MutationObserver(這是我最後的選擇..)

回答

2

瞭解多一點的DOM操作,這將有助於。是的,在這裏使用內容腳本是正確的選擇。你會希望你的腳本在其上運行「document_start」運行Chrome瀏覽器開始解析DOM之前(這樣你會得到一個良好的開端,本質上)你可以這樣做實際上過濾幾種方法;

  • 只要使用DOM作爲一個大字符串,並刪除你想要的單詞。然而,這是一種凌亂的東西,如果某件重要的事情是以你的名字命名的(比如類,標籤名或者其他),你就會破壞DOM。
  • 循環遍歷儘快DOM一個DOM文本節點(串)已準備就緒,並更換和編輯這些文本節點。

有一些教程詳細說明了這種東西,您可以輕鬆地在線找到這些東西,沿着DOM操作和文本節點替換的路線。本文將詳細介紹它更緊密,更好的比我在這裏:Replacing text in the DOM...solved?

這裏是一個JS庫(從誰寫的文章一樣的傢伙),這實際上爲您完成所有的辛勤工作:https://github.com/padolsey/findAndReplaceDOMText

+0

非常感謝您的回覆,我很高興知道內容的腳本是要走的路(我心中已經被疑惑注入腳本\擴展碼)。我會閱讀附帶的教程,並試一試:) – Michael

1

我會採取的方式是通過jQuery /其他框架插件。我建議你看看幾乎所有框架中都有的高亮插件。見here for some examples of doing highlighting

基本上你需要做的是選擇heading標籤p標籤和spans並循環每個替換壞詞。

+0

這不會捕獲所有實例,因爲文本可能是非典型元素。與使用原生JavaScript相比,jQuery在這種情況下速度也會更慢,因爲在用戶看到頁面之前需要快速完成所有操作。 – mattsven

+0

雅我主要是指向他的jQuery,因爲類似的插件已經存在,很容易理解 – megawac