那些超好用的瀏覽器擴展，你知道幾個？

作者：夢回丶故里 2022-12-26 23:38:10

因為這些擴展的出現，瀏覽器已經不僅僅只是一個網頁瀏覽工具，它更是一個提升開發效率的工具，有了這些工具，我們的工作效率變得非常高效，生活也變得更加輕松。

作為前端開發人員，每天都會有很多不同的任務。幸運的是，我們有很多免費的工具和資源可以使用。這些免費的資源和工具，可以讓我們輕松處理各種任務。

Chrome 的擴展程序就是一個非常不錯的工具，它可以提高我們作為開發人員的生產力。

下面我們介紹一些非常好用的瀏覽器擴展。

ColorZilla 是一個非常流行的 Chrome 擴展程序，該擴展提供了非常多有用的功能，例如吸管，顏色選擇，CSS 漸變生成器等等。它允許您從瀏覽器上的任何地方吸取顏色，然后根據需要在代碼中使用它們，此外，它還允許生成漸變，獲取任何網站的調色板，還可以查看最近選擇的顏色的歷史記錄。

這是一個讓 json 文檔更加方便閱讀的插件，它會自動突出顯示并驗證瀏覽器上的 JSON 數據。它讓我們更容易讀取 JSON，尤其是當我們想從 API 或其他東西獲取一些數據時。

作為開發人員，有時當您從瀏覽器訪問網站或 Web 應用程序時，您會對用于創建該網站或應用程序的技術和工具感到好奇。

這就是 Wappalyzer 發揮作用的地方。它可以幫助您識別用于創建該網站或應用程序的所有工具、框架、庫和語言。

Githunt 是一個非常棒的擴展，可以在瀏覽器的新選項卡中突出顯示所有 GitHub 趨勢項目。

使用此擴展，您可以搜索多種語言的項目、閱讀項目或存儲庫的說明、查看 GitHub 星數以及更多功能。

因此，如果您想為開源項目做出貢獻，或者您只是在尋找項目創意，這是一個很好的擴展。

如果您想始終了解最新技術和開發人員新聞，Daily Dev 對您來說是一個很好的擴展。它收集整理了當下非常流行的開發人員的技術文章，可以讓你始終了解最前沿的技術。

有沒有想過網站上的行高、字體或按鈕大小是多少？我們為您提供了滿足您好奇心的終極工具。CSS Peeper 提供了一種以最簡單的方式檢查網頁樣式代碼的方式。它可以非常輕松地查看網站上的行高、字體或按鈕大小，可以檢查網絡上對象、顏色和資產的隱藏 CSS 樣式。

如果你在你的項目中使用 ReactJS，這是一個重要且必須使用的擴展。它允許您在瀏覽器中調試 React 代碼，還可以訪問代碼上的所有 React 組件。

幾乎所有 React 開發人員都使用此擴展，它擁有超過 300 萬用戶。

Momentum 可以幫助您提高開發人員的工作效率。它允許您將瀏覽中的新標簽頁替換為可自定義的儀表板，其中包括待辦事項列表、天氣預報和鼓舞人心的報價。

新的標簽頁，既能讓你平靜下來，又能激勵你提高工作效率。它可以幫助您通過每日照片和報價獲得動力，設置每日重點并跟蹤您的待辦事項。

通過在每個新選項卡上提醒您當天的目標，此擴展程序可避免分心并有助于對抗拖延。

響應式查看器是一個了不起的擴展，使您能夠在一個視圖中顯示和查看多個屏幕。對于 Web 開發人員或任何處理響應式 Web 設計的人來說，這是一個很好的擴展。

如果您想測量網頁上的元素和距離，頁面標尺將是一個有用的擴展。它允許您使用簡單的標尺輕松測量以像素為單位的頁面元素。

當您在頁面上移動鼠標時，它將繪制一個矩形標尺。標尺的寬度、高度、起點和終點都標有匹配的指標單位。

移動光標時，矩形會發生變化，并且所有數字和指標都會更新。

責任編輯：武曉燕來源：程序那些事兒