在chrome中屏蔽CSDN的广告

博客更新地址啦~,欢迎访问:https://jerryyuanj.github.io/blog

背景:

  1. 这几天事情比较少,看了下谷歌的插件开发(chrome extension),入了个门
  2. csdn广告太让我烦了,就不能像博客园那样干净点吗

所以我就趁热打铁,撸了个helloworld版的chrome extension,用来屏蔽csdn博客的详情页的广告。

项目地址

github:https://github.com/JerryYuanJ/demos ,其中的 02-simple-csdn-ad-blocker 文件夹。

使用方法

  1. 克隆本项目到本地
git clone https://github.com/JerryYuanJ/demos
  1. 打开chrome浏览器,在地址栏输入 chrome://extensions/,进入扩展应用的界面, 打开右上角的 开发者模式(Developer mode)
    turn on dev mode
  2. 点击出现的 LOAD UNPACKED,然后选择到这个插件的目录即可
    open the folder
    选中后,该插件出现在了你的面板中:
    selected
  3. 接下来,进入csdn博客的文章详情页查看,广告已经没了。
    ad blocked

演示gif

由于原始的gif图超过csdn的博客图片最大大小限制,所以用了个压缩工具压缩了下,有个水印。
这里写图片描述

写在最后

本demo是helloworld级别的。轻喷。最近也在断断续续的看chrome extension的文档,如果有时间的话,会翻译一些入门指南供参考。

如果你觉得这个插件不错,给个star吧,我看英文文档也不容易。哎。就这样了。


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部