博客更新地址啦~,欢迎访问:https://jerryyuanj.github.io/blog
背景:
- 这几天事情比较少,看了下谷歌的插件开发(chrome extension),入了个门
- csdn广告太让我烦了,就不能像博客园那样干净点吗
所以我就趁热打铁,撸了个helloworld版的chrome extension,用来屏蔽csdn博客的详情页的广告。
项目地址
github:https://github.com/JerryYuanJ/demos ,其中的 02-simple-csdn-ad-blocker
文件夹。
使用方法
- 克隆本项目到本地
git clone https://github.com/JerryYuanJ/demos
- 打开chrome浏览器,在地址栏输入
chrome://extensions/
,进入扩展应用的界面, 打开右上角的开发者模式(Developer mode)
- 点击出现的
LOAD UNPACKED
,然后选择到这个插件的目录即可
选中后,该插件出现在了你的面板中:
- 接下来,进入csdn博客的文章详情页查看,广告已经没了。
演示gif
由于原始的gif图超过csdn的博客图片最大大小限制,所以用了个压缩工具压缩了下,有个水印。
写在最后
本demo是helloworld级别的。轻喷。最近也在断断续续的看chrome extension的文档,如果有时间的话,会翻译一些入门指南供参考。
如果你觉得这个插件不错,给个star吧,我看英文文档也不容易。哎。就这样了。