google插件之csdn广告清除

### 谷歌插件之csdn广告清理

github:https://github.com/0top

blog:https://0top.github.io/

***

相信大家都用过csdn，估计也是深受其广告之害

在忍受很久csdn-"在职研究生..."等广告的侵袭后

终于决定去写个google插件去清一波广告

***

google插件写起来还是很轻松的，只需要去遵循一定的规范

google 插件文档:http://open.chrome.360.cn/extension_dev/manifest.html

我的插件目录结构：

--csdn cleaner

|| manifest.json

||popup.html

||img

|| --icon.png

||js

|| --corejs.js

|| --jquery.js

1.要写一个manifest.json，所有的插件都会有，相当于全局配置

2.就是js/corejs.js(核心js,"document_start"之后会执行)

3.下载jquery的js放到js文件夹中

4.popup.html，这个是你点击书签栏上的图标会展示的页面

5.再添加以下icon.png

项目源码:https://github.com/0top/google-plugins

***

下面说说我在开发中遇到的几个问题吧：

#### 1.便是本地化问题

这个就是有了_locals文件夹便一定要指定"default_local"属性

如果没有_locals文件夹则一定不能指定"default_local"属性

文档中比较清楚，可以看一下

default_locale：

指定这个扩展保的缺省字符串的子目录：_lcoales。如果扩展有_locales目录，这个字段是必须的。 如果没有_locales目录，这个字段是必须不存在的。

####2. 图片格式

icon等图片需要png格式

我用jpg并显示不出来

首先链接开头必须是http/https

其次需要在a标签中指示 target=“_blank"

#### 4. 删除元素方法：

jquery的 $("#id").remove() 可以直接删元素

比如：$("aside").remove()

或者根据id删除：

比如 : $("#id").remove()

或者根据class删除：

比如：$(".class").remove()

***

### google插件安装:

google安装插件还是很简单的:

右上角选择更多工具->扩展程序 或者 点击设置->扩展程序

或者直接输地址:chrome://extensions/

首先开开发者模式->加载已解压的扩展程序->选择写好的插件的目录 就ok啦

然后便可以直接去拿一个csdn的博客页去做尝试了

我使用的还是效果不错的，有兴趣的可以一起交流

***

由于hexo使用的markdown语法，所以以上文章为markdown语法修改版

不过不影响正常查看，如果有兴趣可以去

https://0top.github.io/

上查看

希望以上内容对你有所帮助

真坑。。。