为了账号安全,请及时绑定邮箱和手机立即绑定

如何屏蔽百度广告

标签:
前端工具

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

方案一

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

最后

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

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
JAVA开发工程师
手记
粉丝
1.1万
获赞与收藏
1544

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消