我的Chrome外掛

本人是一枚Web前端工程師，下面分享一些自己平時常用的外掛。主要分為兩部分，生活必備和工作必備。

如果你還不知道怎麼安裝chrome外掛請看這裡

其中標星的為常用。

生活

惠惠購物助手*

如果你網購的話，你會發現這個真的太重要了，無良商家經常標出假的打折資訊，使用這個外掛便能避免上當了。

更多資訊請看這裡。

Adblock Plus*

現在有些無良網站，比如*狐，廣告實在太多了，這個外掛可以遮蔽廣告，但這樣做其實會傷害Web，畢竟網站是需要生存的麼，不過我還是選擇使用。

Ghostery

14年315爆出cookie跟蹤的問題，一時間讓大家對上網的隱私有了重視，這個外掛可以保護你，可以檢視誰在跟蹤你。

Proxy SwitchySharp*

在天朝有時需要看看外面風景的話，這個外掛就派上用場了，我主要用來訪問一些外國網站。

印象筆記·剪藏*

當看到一篇好的博文，或者網頁，我通常會收藏起來。

有道詞典Chrome滑鼠取詞外掛*

英文不好，所以需要藉助這個工具。

Open SEO Stats(Formerly: PageRank Status)

這個外掛也是很棒的，能看到網站的seo各種資訊。

工作

Web Developer*

這個應該不需要介紹了，前端人員必備，內容量巨大。

WEB前端助手(FeHelper)*

國人開發的一款工具，很牛的，補充了web developer沒有的功能，推薦使用。

ColorZilla*

前端開發嚐嚐需要獲取頁面上的顏色值，如果每次都選取元素，然後從css皮膚去檢視，效率不高，這個外掛可以一鍵從頁面上取色，還有很多其他功能，快來嘗試一下吧。

其提供的css gradient generator也是我常用的功能。

PrettyPrint*

如果你檢視別人網站的原始碼的話，現在稍微專業點的網站，

HTML5 Outliner

HTML5是html的語義更豐富，如果你想看一下自己製作的頁面的大綱列表，這個外掛就能派上用場了，如果你還不知道什麼是大綱可以看看這裡。

jQuery Debugger

這個外掛剛剛發現的，還在體驗，先保留。

jquery-injector

這個外掛可以在任意頁面注入jquery，如果在研究別人的頁面，這個外掛可能派上用場，但引用的是google cdn上的js，在天朝你懂得，你可能需要用到上面的代理外掛。

PageSpeed Insights (by Google)

如果你熟悉YSlow，這個外掛就是和其比肩的工具，甚至某些方面都做得更好，google推出的網站效能優化工具，你值得擁有。

XML Tree

xml的美化工具，xml現在不是很常用，(/ □ \)。

Check My Links

這個是很棒的一個工具，如果你寫了一個頁面，頁面上有很多連結，這個工具可以用來檢測頁面上的連結，是否有空連線，特別是對於測試人員，非常有用。

Code Cola

所見即所得的css工具，可在頁面山直觀顯示元素的css樣式，並做更改，我之所以收藏是被其創意感動了，而不是多麼實用。

Screen Capture (by Google)

如果你的網頁超過了一屏，而你想把頁面截圖發給你的客戶看，怎麼辦，試試這個吧，可以擷取整個頁面的圖片，很讚的。

總結

以上就是我收藏的一些外掛，大家都知道外掛裝得多，會變得很卡，我平時大部分外掛都處於關閉狀態，用到的時候才會開啟。

另外我使用兩個帳號將工作和生活區分開來，如果你不知道多帳號，請看這裡。

原文

http://yanhaijing.com/tool/2015/03/30/my-chrome-plugin/