专栏首页前端导学徒手创建一个chrome扩展-屏蔽广告插件

徒手创建一个chrome扩展-屏蔽广告插件

创建一个文件夹,创建以下文件 maniftest.json background.js和 icon图片

maniftest.json文件设置如下

{
  "name": "DevSage Adblocker",
  "version": "1.0",
  "description": "Lilugir Adblocker Tutorial",
  "permissions": [
    "webRequest",
    "webRequestBlocking",
    "<all_urls>"
  ],
  "background": {
    "scripts": [
      "background.js"
    ]
  },
  "icons": {
    "16": "icons/logo_16x16.png",
    "48": "icons/logo_48x48.png",
    "128": "icons/logo_128x128.png"
  },
  "manifest_version": 2
}

background.js文件内容如下

const defaultFilters = [
  "*://*.doubleclick.net/*",
  "*://partner.googleadservices.com/*",
  "*://*.googlesyndication.com/*",
  "*://*.google-analytics.com/*",
  "*://creative.ak.fbcdn.net/*",
  "*://*.adbrite.com/*",
  "*://*.exponential.com/*",
  "*://*.quantserve.com/*",
  "*://*.scorecardresearch.com/*",
  "*://*.zedo.com/*",
]

chrome.webRequest.onBeforeRequest.addListener(function (details) {
  return {
    cancel: true
  }
}, {
  urls: defaultFilters
}, ["blocking"])

打开chrome浏览器 输入地址 chrome://extensions/ ,确保开发者模式打开 ,点击“加载已解压的扩展程序” ,选择你的项目文件夹 点击确认。

然后尝试在chrome浏览器上输入被屏蔽的广告地址之一看看是否其效果 https://www.zedo.com/

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 前端资源导航

    lilugirl
  • laravel5学习笔记

    lilugirl
  • html5视频播放器video player 选择

    网上能找到的好的支持html5的视频播放器非常有限,研究了几个还可以的,发现都有这样或者那样的问题,不是不给源代码,就是不支持全屏播放,要么就是界面难看没有提供...

    lilugirl
  • Padavan 配置v2ray

    参考:https://ntgeralt.blogspot.com/2019/06/padavan-v2ray.html

    超级大猪
  • “娃娃”叠拼、waiguan等域名相继易主

    拼音米因其独特性、好记忆的优点,在米市上获得众多投资人和终端的青睐。这几天在市场又有不少域名完成了交易,wawa.com.cn、4e.com易主,w...

    躲在树上的域小名
  • 3杂域名22k.com以六位数被售出

    随着短域名资源的稀缺,像三杂这类短域名自然成为了抢手货,未来的发展潜力不容小觑,是投资的最佳品种之一。借字符简单、建站不受限制、简洁易记等优势,在米...

    躲在树上的域小名
  • leetcode-811-Subdomain Visit Count

    chenjx85
  • 多项目登录互踢测试用例

    这个场景有点类似与之前写过的[单点登录性能测试方案](https://mp.weixin.qq.com/s/sv8FnvIq44dFEq63LpOD2A),但是...

    FunTester
  • “配置云”3声母域名超15万元结拍

    三声母域名的简短性一直是个嚼不烂的优势梗,域名的一大作用就是为了让人们记住其所应用网站,让企业品牌得到推广宣传。所以,域名字符越短越有好处,也越受欢...

    躲在树上的域小名
  • 域名资讯:本周大量域名被交易,其中不少极品域名

      WMN.com Telepathy公司售出

    躲在树上的域小名

扫码关注云+社区

领取腾讯云代金券