在chrome中屏蔽CSDN的廣告

部落格更新位址啦～，歡迎通路：https://jerryyuanj.github.io/

背景：

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)

   

2. 點選出現的

   LOAD UNPACKED

   ，然後選擇到這個插件的目錄即可

   

   選中後，該插件出現在了你的面闆中：

   

3. 接下來，進入csdn部落格的文章詳情頁檢視，廣告已經沒了。

   

示範gif

由于原始的gif圖超過csdn的部落格圖檔最大大小限制，是以用了個壓縮工具壓縮了下，有個水印。

寫在最後

本demo是helloworld級别的。輕噴。最近也在斷斷續續的看chrome extension的文檔，如果有時間的話，會翻譯一些入門指南供參考。

如果你覺得這個插件不錯，給個star吧，我看英文文檔也不容易。哎。就這樣了。