继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

如何屏蔽百度广告

艾贺521
关注TA
已关注
手记 292
粉丝 1.1万
获赞 1544

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

方案一

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

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


524

image.png

方案二

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

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

  1. 下载Tampermonkey插件,去Chrome 应用商店

  2. 添加脚本

400

image.png

  1. 写脚本

1000

image.png

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

1000

image.png

最后

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

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP