html广告清理,谷歌浏览器插件-清除CSDN广告

记录一下自己第一次玩的一个谷歌插件，是一个清除CSDN广告的，其实就是通过jquery定位元素，做隐藏或者删除。

开始

文件结构

---- google-xjxcc-util-delCsdnAd(插件文件夹名称)

---- ---- img

---- ---- ---- icon.png                       (插件图标，随便放一个就可以了)

---- ---- js

---- ---- ---- delAd

---- ---- ---- ---- CSDN.js                  (清除CSDN广告的JS)

---- ---- ---- jquery-1.8.3.js

---- ---- ---- popup.js                       (点击浏览器右上角插件图标弹出的页面对应的JS)

---- ---- manifest.json                    (插件主配置)

---- ---- popup.html                        (点击浏览器右上角插件图标弹出的页面)

1、首先上主配置文件---manifest.json

{

// 清单文件的版本，这个必须写，而且必须是2

"manifest_version": 2,

// 插件的名称

"name": "洗脚溪串串常用工具-清除CSDN广告",

// 插件的版本

"version": "1.0.0",

// 插件描述

"description": "里面包含了清除CSDN广告功能",

// 图标，一般偷懒全部用一个尺寸的也没问题

"icons":

{

"16": "img/icon.png",

"48": "img/icon.png",

"128": "img/icon.png"

},

// 浏览器右上角图标设置，browser_action、page_action、app必须三选一

"browser_action":

{

"default_icon": "img/icon.png",

// 图标悬停时的标题，可选

"default_title": "清除CSDN广告",

// 这个就是你点击浏览器右上角插件图标弹出的页面

"default_popup": "popup.html"

},

// 需要直接注入页面的JS

"content_scripts":

[

//去除CSDN的广告

{

"matches": ["https://*.csdn.net/*"],//匹配CSDN

"js": ["js/jquery-1.8.3.js", "js/delAd/CSDN.js"],

// 代码注入的时间，可选值： "document_start", "document_end", or "document_idle"，最后一个表示页面空闲时，默认document_idle

"run_at": "document_end"

}

],

// 插件主页，这个很重要，不要浪费了这个免费广告位

"homepage_url": "https://blog.csdn.net/liguoqingxjxcc",

// 默认语言

"default_locale": "zh_CN"

}

2、点击插件展示的页面---popup.html

洗脚溪串串常用工具

}a{margin-right:10px;}

洗脚溪串串