程式設計師需要知道的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 擴充套件，允許你快速調整瀏覽器視窗。點選選單欄上的圖示會產生一個可自定義視窗的下拉選單。

官方網站：https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh?hl=en%20

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 瀏覽器中測試支援 IE6、IE7、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
——

英文原文：15 HELPFUL CHROME EXTENSIONS FOR DEVELOPERS YOU NEED TO KNOW
譯文連結：http://www.codeceo.com/article/15-chrome-extension.html
翻譯作者：碼農網 – 小峰