15個對開發人員有用的Chrome擴展插件

2021-02-14 程序猿

使用Chrome的擴展插件使得我們的日常工作不再那麼的乏味。雖然Chrome給我們提供了很多內置的擴展，似乎我們不再需要其他更多的工具了，但我們還是想向你介紹15個對WEB開發人員最佳的Chrome擴展插件。

1.Web Developer

為Chrome的Web開發者擴展增加了一個不同的工具欄，提供了一些不同的工具。絕對是開發人員最有用的瀏覽器擴展之一。

2.Responsive Web Design Tester

The Responsive Web Design Tester 是一個非常棒的瀏覽器擴展，使你可以快速的查看你的網站在不同設備和不同瀏覽器下的狀態。

3.Window Resizer

Window Resizer 擴展允許您調整瀏覽器窗口。單擊菜單欄中的圖標會產生一個可以自定義窗口大小的下拉菜單。

4.ColorPick Eyedropper

ColorPick Eyedropper 是一個簡單的顏色選擇器工具,允許您從任何web頁面選擇顏色值。

5.CSSViewer

CSSViewer是一個簡單的CSS屬性查看器。它提供了一個浮動面板，該面板顯示滑鼠懸浮在的元素的標識，以及它的字體、文本、顏色、背景、框、定位和效果屬性。CSSViewer提供你所需要的基本的CSS信息。

6.Lorem Ipsum generator

The lorem ipsum 生成器所做的就像它的名字一樣。它提供了一種簡單快速的方式創建默認的文本。如果你需要一些默認的文本作為一個佔位符的話，這絕對是一個好的選擇。

7.Ghostery

Ghostery是一個Chrome擴展，可以在網站上檢測追蹤器,像素,和任何其他嵌入式代碼片段。你立即看到你訪問過的網頁安裝了哪些插件和追蹤器。另外，Ghostery可以保護您的隱私，它不需要註冊即可使用。

8.Wappalyzer

Wappalyzer同Ghostery一樣的瀏覽器擴展,揭示了網站上使用的技術。它可以檢測到內容管理系統、電子商務平臺、web伺服器、JavaScript框架,分析工具等等。

9.Usersnap

10.IE Tab

需要做一些IE測試又不想安裝各種不同的IE版本嗎？試試 IE Tab 這個Chrome擴展吧，它直接在Chrome中通過模擬IE渲染引擎來模擬IE瀏覽器。你可以直接在chrome瀏覽器測試你的網站對於IE6,IE7,IE8或IE9的顯示情況。

不幸的是，該擴展目前只有Windows系統下可用。

11.Site Spider

如果你需要找到你的網站的失效連結，想限制搜索一個特定的目錄，你需要Site Spider。

12.Session Manager

當你做WEB開發工作的時候，瀏覽器標籤管理是一個非常有用的技能。會話管理擴展可能是你需要的。它可以保存你的瀏覽狀態並在以後重新打開。如果你需要重複打開某些頁面的話，這個插件將是非常有用的。

13.Clear Cache

這個非常有用的Chrome擴展可以讓你從工具欄清除緩存。它的「幕後」的含義沒有彈窗或確認對話框來分散你的注意力。這些數據是可定製的，包括應用程式緩存、下載、文件系統、表單數據，歷史、本地存儲、密碼等等。

14.JSONView

作為一名使用RESTful api的開發人員,閱讀原始JSON數據瀏覽器會很尷尬。JSONView這個Chrome擴展幫助您在瀏覽器中以樹視圖查看JSON文檔，而不是在它的原始狀態。

15.Image Downloader

想直接下載網站上的圖片？我建議你看看 Image Downloader 這個插件。它讓你批量下載所有圖片。也可以過濾網頁的圖片寬度、高度、URL。


via：usersnap，本文由 Specs 翻譯整理，發布在 Coder資源網

連結：http://info.9iphp.com/15-chrome-extensions-for-developers/
原文：http://usersnap.com/blog/chrome-extensions-for-developers/

推薦

IT創業網 （chuangyetech）

網際網路創業的時代，創業更具人文氣息。聚最經典的IT創業技巧，最頂尖的商界精英交流平臺！


●本文編號1037，以後想閱讀這篇文章直接輸入1037即可。

●本文分類「前端」、「工具」，搜索分類名可以獲得相關文章。

●輸入m可以獲取到全部文章目錄

●輸入r可以獲取到熱門文章推薦

●輸入f可以獲取到全部分類名稱

相關焦點

  • 對開發人員有用的15個Chrome擴展插件
    雖然Chrome給我們提供了很多內置的擴展，似乎我們不再需要其他更多的工具了，但我們還是想向你介紹15個對WEB開發人員最佳的Chrome擴展插件。1、Web Developer為Chrome的Web開發者擴展增加了一個不同的工具欄，提供了一些不同的工具。絕對是開發人員最有用的瀏覽器擴展之一。
  • [必備]15個對開發人員有用的Chrome擴展插件
    雖然Chrome給我們提供了很多內置的擴展，似乎我們不再需要其他更多的工具了，但我們還是想向你介紹15個對WEB開發人員最佳的Chrome擴展插件。　　1. Web Developer　　為Chrome的Web開發者擴展增加了一個不同的工具欄，提供了一些不同的工具。絕對是開發人員最有用的瀏覽器擴展之一。
  • Chrome擴展插件開發小感想
    學習初衷 : 公司前端研發部門開發用的react狀態管理器使用了內部開發的react-model，當時看 README文檔的時候以為react-model
  • Chrome擴展入門開發瀏覽器插件
    這次的練習是做一個Chrome的擴展，分享一下入門開發過程。。
  • 15個最好的谷歌Chrome瀏覽器擴展
    下面我要為各位Web開發人員介紹的是15個最好的谷歌Chrome瀏覽器擴展。 1. Web Developer 支持Chrome的Web Developer擴展，允許你通過添加一個小工具欄來使用不同的工具。
  • 15個程式設計師需要知道的Chrome擴展
    下面我要為各位Web開發人員介紹的是15個最好的谷歌Chrome瀏覽器擴展。1.Web Developer支持Chrome的Web Developer擴展，允許你通過添加一個小工具欄來使用不同的工具。hl=en%207.GhosteryGhostery是一個強大的Chrome擴展，可檢測跟蹤器、像素，以及網站上嵌入的片段。通過Ghostery，你可以立即知道你訪問過的網頁上安裝了什麼插件和跟蹤器。並且Ghostery還能保護你的隱私。使用此Chrome擴展無需註冊或登錄。
  • Chrome插件(擴展)開發全攻略
    真正意義上的Chrome插件是更底層的瀏覽器功能擴展，可能需要對瀏覽器源碼有一定掌握才有能力去開發。鑑於Chrome插件的叫法已經習慣，本文也全部採用這種叫法，但讀者需深知本文所描述的Chrome插件實際上指的是Chrome擴展。Chrome插件是一個用Web技術開發、用來增強瀏覽器功能的軟體，它其實就是一個由HTML、CSS、JS、圖片等資源組成的一個.crx後綴的壓縮包.
  • 【乾貨】Chrome插件(擴展)開發全攻略
    插件是更底層的瀏覽器功能擴展，可能需要對瀏覽器源碼有一定掌握才有能力去開發。鑑於Chrome插件的叫法已經習慣，本文也全部採用這種叫法，但讀者需深知本文所描述的Chrome插件實際上指的是Chrome擴展。Chrome插件是一個用Web技術開發、用來增強瀏覽器功能的軟體，它其實就是一個由HTML、CSS、JS、圖片等資源組成的一個.crx後綴的壓縮包.
  • Chrome插件(擴展)
    前言Chrome插件嚴格來說可以稱之為Chrome擴展，用於增強瀏覽器功能，實現定製化瀏覽器，列舉了幾款比較常用的插件：•Google
  • Chrome插件開發指南
    什麼是Chrome插件嚴格來講，應該叫Chrome擴展(Chrome Extension)，真正意義上的Chrome插件需要對瀏覽器源碼有一定掌握才有能力去開發。Chrome插件是一個用Web技術開發、用來增強瀏覽器功能的軟體。它其實就是一個由HTML、CSS、JS、圖片等資源組成的一個.crx後綴的壓縮包。
  • Chrome瀏覽器推薦擴展插件
    Chrome瀏覽器因其有豐富的擴展程序而變得更加的自由與自主。一般的插件都可以通過Chrome網上應用商店下載安裝。
  • Chrome開發工具插件推薦
    如果你在一個網站上有多個登錄名，每次註銷和登錄，或使用其他瀏覽器同時獲得不同帳戶的持久身份驗證訪問，都會是很麻煩的事情。為了克服這種困難，我們可以用這個插件。作為開發人員，有時我們必須向測試人員或客戶提供站點或功能的運行證據，這時可以用這個工具。
  • 開發人員最喜愛的Chrome擴展Top 10
    這是一個輕量級的瀏覽器，它提供了強大的功能，包括擴展的開發工具來幫助開發人員使用全棧或建立網站。Google Chrome的市場份額截止2015年2月，一直在不斷地增漲，整個市場份額高達60%以上，可見它有多麼的受歡迎。在這篇文章中，我們一起來看看開發人員最喜愛的一些常用的Chrome擴展，希望能夠幫助到大家。一起來看看吧！
  • 【利器篇】35+精選chrome插件,含15+前端插件,總有一款值得你停留
    jsonV.gifWeb Developer[26]Web Developer 這款擴展集成了各種各樣的 Web 開發工具，幾乎是網頁開發人員必備的 Chrome 開發者工具擴展插件[27引用recommended_extensions[50]你值得安裝的24個chrome插件！！！
  • Chrome 擴展程序的開發與發布 -- 手把手教你開發擴展程序
    如下圖所示，這些圖標就是各種開發者提供的 chrome 擴展程序：區分擴展與插件很多人會誤稱擴展程序為插件，這裡有必要區分一下。"擴展" 和 "插件"，其實都是軟體組件的一種形式，Chrome 只不過是把兩種類型的組件分別給與了專有名稱，一個叫 "擴展"，另一個叫 "插件"。
  • 使用 React.js 開發 Chrome 插件
    Chrome插件/一、背景相信看到這篇文章的人應該都用過Chrome插件吧，最近剛好有個這方面的需求，我就把Chrome插件的相關知識學習了一下，發現其實Chrome插件的開發和大前端Web開發的底子是一樣的，無非就是runtime只限於Chrome瀏覽器，並且可以調用Chrome提供的一些
  • Chrome 擴展程序的開發與發布
    如下圖所示，這些圖標就是各種開發者提供的 chrome 擴展程序：區分擴展與插件很多人會誤稱擴展程序為插件，這裡有必要區分一下。「擴展」 和 「插件」，其實都是軟體組件的一種形式，Chrome 只不過是把兩種類型的組件分別給與了專有名稱，一個叫 「擴展」，另一個叫 「插件」。
  • 分享18個超好用的 Chrome 擴展工具
    ，那麼下面我就向大家分享一下我日常使用的擴展，可能大多數擴展大家都已經在使用了，不過也難免有一兩個是你不知道的。正文以下排名並不分先後，請堅持看到最後，或許你會有驚喜。1.谷歌訪問助手本來想了一波廣告詞來吹它，但想到…算了，別問，問就是好用。註：裝了這個就可以訪問之後介紹的擴展連結了。
  • 關於Chrome插件和chrome擴展分別是什麼,這一篇就夠了
    chrome擴展和chrome插件到底有什麼區別？對用戶來說，真沒啥區別。但對開發者來說，有點區別：插件的話，開發涉及更底層。擴展程序的話，開發更多是調用瀏覽器公開的 API 接口。就好比是驅動程序與普通應用程式的區別；打開插件頁面，瀏覽器輸入：chrome://plugins/打開擴展程序頁面，瀏覽器輸入：chrome://extensions/鑑於Chrome插件的叫法已經習慣，本段對外貿業務和運營端的用戶解釋也全部採用這種叫法，但讀者需深知本文所描述的Chrome插件實際上指的是
  • 開發個Chrome插件,我給某度消了個毒
    我平時基本上是不用某度的，今天為什麼會用，可能是天太冷了吧。當然這不重要，重要的是我突然靈光一現，作為一名非知名前端碼農，有沒有辦法把這些廣告去掉呢？我平時用的是chrome瀏覽器chrome瀏覽器支持安裝插件插件可以修改頁面內容我會開發chrome插件搜索結果中的廣告條目應該有規律可以識別刪除識別出的廣告條目所以關鍵點在於找到識別廣告條目的規律，這個貌似不難，因為標記還是挺明顯的。