版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_25324335/article/details/82595836
背景：
- 这几天事情比较少，看了下谷歌的插件开发（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吧，我看英文文档也不容易。哎。就这样了。