徒手創建一個chrome擴展-屏蔽廣告插件

• 2020 年 2 月 18 日
• 筆記

創建一個文件夾，創建以下文件 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/