Chrome拓展开发之去广告

Chrome拓展开发之去广告

去除广告的原理很简单，我们首先定位到元素面板的广告节点，然后用JS方法remove去除。

这里我们使用Chrome插件来实现，定位的函数是document.querySelectorAll，获取到的是DOM对象，因而可以直接使用它下属的remove方法去除。这里的定位CSS选择器我们需要根据具体的网站结构来编写。

这里的注入时机是在DOM渲染之后，也就是document.end。

我们拿去除百度搜索引擎的搜索结果中的广告为例，插件安装之前：

  "content_scripts": [
    {
      "matches": ["http://*/*", "https://*/*"],
      "run_at": "document_end",
      "js": ["inject.js"],
      "all_frames": true
    }
  ]

inject.js

document.querySelectorAll(".EGZQLh.eWxNhq.RrDTyC.KNVPwj.EC_ppim_new_gap_bottom").forEach(function(a){a.remove()})

插件安装之后：