[轉]15個程序員須要知道的Chrome擴展

[轉自]  http://www.html5cn.org/article-7854-1.html

如今大多數程序員會選擇谷歌Chrome瀏覽器做爲主要的瀏覽器。下面我要爲各位Web開發人員介紹的是15個最好的谷歌Chrome瀏覽器擴展。

 

       1. Web Developer

 

       支持Chrome的Web Developer擴展，容許你經過添加一個小工具欄來使用不一樣的工具。

 

       官方網站：https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm

 

       2.Responsive Web Design Tester

 

       Responsive Web Design Tester是一個超棒的擴展，能快速瀏覽你的網站在不一樣瀏覽器和設備上的行爲。

 

 

       官方網站：https://chrome.google.com/webstore/detail/responsive-web-design-tes/objclahbaimlfnbjdeobicmmlnbhamkg?hl=en%20

 

       3.Window Resizer

 

       Window Resizer擴展，容許你快速調整瀏覽器窗口。點擊菜單欄上的圖標會產生一個可自定義窗口的下拉菜單。

 

 

       4. ColorPick Eyedropper

 

       ColorPick Eyedropper是一個簡單的顏色拾取工具，容許你從任意網頁中選擇顏色值。

 

 

       官方網站：https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg?hl=en%20

 

       5. CSSViewer

 

       CSSViewer是一個簡單的CSS屬性查看器。它有一個浮動面板，上面不但指明鼠標所在之地的身份，還提供其字體、文本、顏色、背景、框、定位和效果屬性的說明。 CSSViewer能夠快速提供你所須要的基本CSS信息。

 

 

       官方網站：https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce?hl=en

 

       6. Lorem Ipsum Generator

 

       Lorem Ipsum Generator提供了一種建立默認文本方便又快捷的方法。若是你須要一些默認文本做爲佔位文本，那它毫無疑問會是你快速達到目的的工具。

 

 

       官方網站：https://chrome.google.com/webstore/detail/lorem-ipsum-generator-def/mcdcbjjoakogbcopinefncmkcamnfkdb?hl=en%20

 

       7. Ghostery

 

       Ghostery是一個強大的Chrome擴展，可檢測跟蹤器、像素，以及網站上嵌入的片斷。經過Ghostery，你能夠當即知道你訪問過的網頁上安裝了什麼插件和跟蹤器。而且Ghostery還能保護你的隱私。使用此Chrome擴展無需註冊或登陸。

 

 

       官方網站：https://chrome.google.com/webstore/detail/ghostery/mlomiejdfkolichcflejclcbmpeaniij?hl=en%20

 

       8. Wappalyze

 

       和Ghostery相似，Wappalyzer Chrome擴展能讓你知道任何特定網站上安裝了什麼軟件。它能揭示技術和內容管理系統、電子商務平臺、Web服務器、JavaScript框架和已安裝的分析工具。

 

 

       官方網站：https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg?hl=en%20

 

       9. Usersnap

 

       Usersnap Chrome擴展可讓你直接在瀏覽器中捕捉和註釋任何網頁。此Chrome擴展使得提供反饋原型和錯誤報告變得特別簡單。而且全部建立的屏幕截圖直接存儲在你的項目儀表板上。

 

 

       官方網站：https://chrome.google.com/webstore/detail/usersnap-annotate-screens/khehmhbaabkepkojebhcpjifcmojdmgd?hl=en%20

 

       10. IE Tab

 

       需 要作一些手動的測試IE，可是卻不想安裝任何的Internet Explorer版本？那就使用支持Chrome的IE Tab擴展吧，它能夠直接在Chrome中使用IE渲染引擎模仿IE。你能夠直接在你的Chrome瀏覽器中測試支持IE六、IE七、IE8和IE9的網 站。

 

       不過，此IE Tab Chrome擴展目前僅適用於Windows系統。

 

 

       官方網站：https://chrome.google.com/webstore/detail/ie-tab/hehijbfgiekmjfkfjpbkbammjbdenadd?hl=en%20

 

       11. Site Spider

 

       若是你想要尋找網站中斷掉的連接，並限制在一個特定的目錄中搜索，那麼你須要Site Spider。

 

 

       官方網站：https://chrome.google.com/webstore/detail/site-spider-mark-ii/gedjofgioahckekhpgknhchelbpdogok?hl=en%20

 

       12.Session Manager

 

       瀏覽器標籤管理是用於web的一個很是棒的技術。Session Manager能夠節省你的瀏覽狀態，讓你以後能夠從新打開session。特別是若是你須要一遍又一遍地打開同一網頁，這就很是有用了。

 

 

       官方網站：https://chrome.google.com/webstore/detail/session-manager/bbcnbpafconjjigibnhbfmmgdbbkcjfi?hl=en%20

 

       13.Clear Cache

 

       這擴展特別有用，能讓你從工具欄中清除緩存。它在後臺工做，這意味着不會有任何彈窗和確認對話框來讓你分心。你還能夠根據你所須要清除的數據定製Clear Cache，這些數據包括應用程序緩存、下載、文件系統、表單數據、歷史、本地存儲、密碼等等。

 

 

       官方網站：https://chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn?hl=en%20

 

       14. JSON View

 

       做爲一名使用RESTful API的開發人員，在瀏覽器上閱讀原始的JSON數據能夠說是至關尷尬的。樹視圖比原始狀態更便於閱讀JSON。 此Chrome擴展——JSON View能夠幫助你在瀏覽器中查看JSON文件。

 

 

       官方網站：https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=en%20

 

       15. Image Downloader

 

       須要從網站上下載圖片？那麼我建議你試試支持Chrome的Image Downloader擴展。它可以讓你批量下載全部的圖片。您也能夠經過寬度、高度、URL過濾網頁圖片。

 

 

       官方網站：https://chrome.google.com/webstore/detail/image-downloader/cnpniohnfphhjihaiiggeabnkjhpaldj%20

 

譯文連接：http://www.codeceo.com/article/15-chrome-extension.html

 

英文原文：15 HELPFUL CHROME EXTENSIONS FOR DEVELOPERS YOU NEED TO KNOW