我的Chrome插件

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

如果你還不知道怎么安裝chrome插件請看這里

其中標(biāo)星的為常用。

生活

惠惠購物助手*

如果你網(wǎng)購的話，你會發(fā)現(xiàn)這個(gè)真的太重要了，無良商家經(jīng)常標(biāo)出假的打折信息，使用這個(gè)插件便能避免上當(dāng)了。

更多信息請看這里。

Adblock Plus*

現(xiàn)在有些無良網(wǎng)站，比如*狐，廣告實(shí)在太多了，這個(gè)插件可以屏蔽廣告，但這樣做其實(shí)會傷害Web，畢竟網(wǎng)站是需要生存的么，不過我還是選擇使用。

Ghostery

14年315爆出cookie跟蹤的問題，一時(shí)間讓大家對上網(wǎng)的隱私有了重視，這個(gè)插件可以保護(hù)你，可以查看誰在跟蹤你。

Proxy SwitchySharp*

在天朝有時(shí)需要看看外面風(fēng)景的話，這個(gè)插件就派上用場了，我主要用來訪問一些外國網(wǎng)站。

印象筆記·剪藏*

當(dāng)看到一篇好的博文，或者網(wǎng)頁，我通常會收藏起來。

有道詞典Chrome鼠標(biāo)取詞插件*

英文不好，所以需要借助這個(gè)工具。

Open SEO Stats(Formerly: PageRank Status)

這個(gè)插件也是很棒的，能看到網(wǎng)站的seo各種信息。

工作

Web Developer*

這個(gè)應(yīng)該不需要介紹了，前端人員必備，內(nèi)容量巨大。

WEB前端助手(FeHelper)*

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

ColorZilla*

前端開發(fā)嘗嘗需要獲取頁面上的顏色值，如果每次都選取元素，然后從css面板去查看，效率不高，這個(gè)插件可以一鍵從頁面上取色，還有很多其他功能，快來嘗試一下吧。

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

PrettyPrint*

如果你查看別人網(wǎng)站的源代碼的話，現(xiàn)在稍微專業(yè)點(diǎn)的網(wǎng)站，

HTML5 Outliner

HTML5是html的語義更豐富，如果你想看一下自己制作的頁面的大綱列表，這個(gè)插件就能派上用場了，如果你還不知道什么是大綱可以看看這里。

jQuery Debugger

這個(gè)插件剛剛發(fā)現(xiàn)的，還在體驗(yàn)，先保留。

jquery-injector

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

PageSpeed Insights (by Google)

如果你熟悉YSlow，這個(gè)插件就是和其比肩的工具，甚至某些方面都做得更好，google推出的網(wǎng)站性能優(yōu)化工具，你值得擁有。

XML Tree

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

Check My Links

這個(gè)是很棒的一個(gè)工具，如果你寫了一個(gè)頁面，頁面上有很多鏈接，這個(gè)工具可以用來檢測頁面上的鏈接，是否有空連接，特別是對于測試人員，非常有用。

Code Cola

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

Screen Capture (by Google)

如果你的網(wǎng)頁超過了一屏，而你想把頁面截圖發(fā)給你的客戶看，怎么辦，試試這個(gè)吧，可以截取整個(gè)頁面的圖片，很贊的。

總結(jié)

以上就是我收藏的一些插件，大家都知道插件裝得多，會變得很卡，我平時(shí)大部分插件都處于關(guān)閉狀態(tài)，用到的時(shí)候才會開啟。

另外我使用兩個(gè)帳號將工作和生活區(qū)分開來，如果你不知道多帳號，請看這里。