美文网首页工具癖程序员
如何屏蔽百度广告

如何屏蔽百度广告

作者: Real_man | 来源:发表于2018-08-30 16:34 被阅读53次

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

    方案一

    自己写谷歌的浏览器插件,这个也不难,早先的时候我写过一篇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

    最后

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

    相关文章

      网友评论

        本文标题:如何屏蔽百度广告

        本文链接:https://www.haomeiwen.com/subject/zaldwftx.html