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()})
插件安装之后: