15個程式設計師需要知道的Chrome擴充套件

本文由碼農網 – 小峰原創翻譯，轉載請看清文末的轉載要求，歡迎參與我們的付費投稿計劃！

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

官方網站：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