首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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/

上查看

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

真坑。。。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180829G08XSA00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券