chrome浏览器屏蔽广告插件小例子

1.创建一个文件夹，名为"清除页面广告插件"

2.在文件夹内创建"manifest.json"文件，

{
  "name": "第一个Chrome插件",
  "manifest_version": 2,
  "version": "1.0",
  "description": "我的第一个Chrome插件，还不错吧",
  "browser_action": {
    "default_icon": "xx.jpg"
  },
  "content_scripts": [
    {
      "matches": ["https://www.cnblogs.com/*"],
      "js": ["myscript.js"]
    }
  ]
}

3.文件夹内添加一个"xx.jpg"图片

4.例如页面右上角广告，找出它的id，设置为不可见

代码:

document.getElementById("banner_right").style.display="none";
document.getElementById("ad_b1").style.display="none"; 

5.打开chrome浏览器，选择"更多工具"-->"扩展程序",打开相应页面:选择"加载已扩展程序"

选中文件夹，

即可加载自己编写的浏览器插件。

之后刷新页面，发现右上角广告不见了，完成。