如何屏蔽百度广告

虽然百度的搜索不好用，但是对于中文资料有时候还是会用百度搜索，只不过搜出来的结果广告比较多... 干扰自己的注意力，容易分心。那就只好想想办法去除百度的广告了。

方案一

自己写谷歌的浏览器插件，这个也不难，早先的时候我写过一篇Google插件开发教程，请参考谷歌(Chrome)浏览器插件开发教程

东西也不多，这里直接把代码贴出来：

1. manifest.json，重点的是content_scripts，它指定在在在匹配的域名下运行的js脚本。icons自己任意指定

{
    "name": "屏蔽百度广告",
    "version": "0.0.1",
    "manifest_version": 2,
    "description": "屏幕百度广告",
    "icons": {
        "16": "icons/icon-16.png",
        "128": "icons/icon-128.png"
    },
    "permissions": [
        "tabs",
        "storage",
        "http://*/*",
        "https://*/*"
    ],
    "content_scripts": [
        {
            "matches": [
                "http://www.baidu.com/*",
                "https://www.baidu.com/*"
            ],
            "js": [
                "scripts/contentscript.js"
            ]
        }
    ]
}

1. contentscript.js，脚本的内容，就是不断的检测baidu.com域名下的广告标签是，然后设置其不可见。

var oDiv = document.getElementById("content_right")
if (oDiv){
  oDiv.style.display = 'none';
} else {

  var t = setInterval(function () {
    var oDiv = document.getElementById("content_right")
    if (!oDiv){
      return;
    }
    oDiv.style.display = 'none';
    // clearInterval(t);
  }, 10)
}

就这么多内容，目录结构如下

image.png

方案二

有个谷歌的插件叫Tampermonkey，可以理解为对谷歌插件的封装，可以在这个插件的基础之上进行插件的开发。

理解为开发框架吧，用这个插件和自己编写插件差不多，不过省去了打包的步骤，直接在Tampermonkey写脚本就好了。

1. 下载Tampermonkey插件，去Chrome 应用商店
2. 添加脚本

image.png

1. 写脚本

image.png

运行之后的效果与刚才一样。

image.png

最后

讨厌的百度广告终于不见了。