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



譯文鏈接:http://www.codeceo.com/article/15-chrome-extension.html
英文原文:15 HELPFUL CHROME EXTENSIONS FOR DEVELOPERS YOU NEED TO KNOW

發佈了222 篇原創文章 · 獲贊 4 · 訪問量 14萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章