写个屏蔽百度搜索广告的chrome插件

工作生活都用百度比较多毕竟它是目前为止感觉最好的国内PC搜索引擎。我纵使已经差不多炼成了一眼过滤广告的眼力但始终觉得碍眼感觉还是写个插件把它屏蔽了吧。这个插件开发的门槛其实非常低只是一开始做不知道哪里查插件开发的资料才折腾了半天。

一、找一个百度网页出来分析。

1、推广链接有三种上部无底色上部有底色和下部有底色通常是一开始上部的广告是无底色的刷新多几次后就会变成有底色

2、查看CSS可以看到主搜索结果和广告都在一个id为的div容器里见图左上方红框每一个搜索结果都是一个div广告的di会从3000开始排下去而正常搜索结果的id是从1开始排下去而下部有底色的推广id为这样看来从id不是很好识别广告再看每条广告的div都会有几个随机名称的而正常搜索结果都有c-这样一个这应该是一个很好的突破点

3、再想想屏蔽方式一个方案是JS一个方案是CSS。如果是JS的话在页面未加载完全之前广告还是会显示一定时间而且还要处理点搜索按钮Ajax页面不刷新时屏蔽以及可能其它一些情况感觉是有点麻烦而且主要是使用体验不够好。另一个方案的渲染速度很快那就看看可以用得上的CSS有哪些吧百度页面为了阻止广告被隐藏自身有设置了两个!级别的内联CSS优先级最最高了。