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

Chrome 的擴(kuò)展程序就是一個(gè)非常不錯(cuò)的工具，它可以提高我們作為開發(fā)人員的生產(chǎn)力。

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

ColorZilla

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

JSON Viewer

這是一個(gè)讓 json 文檔更加方便閱讀的插件，它會自動突出顯示并驗(yàn)證瀏覽器上的 JSON 數(shù)據(jù)。它讓我們更容易讀取 JSON，尤其是當(dāng)我們想從 API 或其他東西獲取一些數(shù)據(jù)時(shí)。

Wappalyzer

作為開發(fā)人員，有時(shí)當(dāng)您從瀏覽器訪問網(wǎng)站或 Web 應(yīng)用程序時(shí)，您會對用于創(chuàng)建該網(wǎng)站或應(yīng)用程序的技術(shù)和工具感到好奇。

這就是 Wappalyzer 發(fā)揮作用的地方。它可以幫助您識別用于創(chuàng)建該網(wǎng)站或應(yīng)用程序的所有工具、框架、庫和語言。

Githunt

Githunt 是一個(gè)非常棒的擴(kuò)展，可以在瀏覽器的新選項(xiàng)卡中突出顯示所有 GitHub 趨勢項(xiàng)目。

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

因此，如果您想為開源項(xiàng)目做出貢獻(xiàn)，或者您只是在尋找項(xiàng)目創(chuàng)意，這是一個(gè)很好的擴(kuò)展。

Daily Dev

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

CSS Peeper

有沒有想過網(wǎng)站上的行高、字體或按鈕大小是多少？我們?yōu)槟峁┝藵M足您好奇心的終極工具。CSS Peeper 提供了一種以最簡單的方式檢查網(wǎng)頁樣式代碼的方式。它可以非常輕松地查看網(wǎng)站上的行高、字體或按鈕大小，可以檢查網(wǎng)絡(luò)上對象、顏色和資產(chǎn)的隱藏 CSS 樣式。

react tools

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

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

Momentum

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

新的標(biāo)簽頁，既能讓你平靜下來，又能激勵你提高工作效率。它可以幫助您通過每日照片和報(bào)價(jià)獲得動力，設(shè)置每日重點(diǎn)并跟蹤您的待辦事項(xiàng)。

通過在每個(gè)新選項(xiàng)卡上提醒您當(dāng)天的目標(biāo)，此擴(kuò)展程序可避免分心并有助于對抗拖延。

Responsive Viewer

響應(yīng)式查看器是一個(gè)了不起的擴(kuò)展，使您能夠在一個(gè)視圖中顯示和查看多個(gè)屏幕。對于 Web 開發(fā)人員或任何處理響應(yīng)式 Web 設(shè)計(jì)的人來說，這是一個(gè)很好的擴(kuò)展。

Page Ruler

如果您想測量網(wǎng)頁上的元素和距離，頁面標(biāo)尺將是一個(gè)有用的擴(kuò)展。它允許您使用簡單的標(biāo)尺輕松測量以像素為單位的頁面元素。

當(dāng)您在頁面上移動鼠標(biāo)時(shí)，它將繪制一個(gè)矩形標(biāo)尺。標(biāo)尺的寬度、高度、起點(diǎn)和終點(diǎn)都標(biāo)有匹配的指標(biāo)單位。

移動光標(biāo)時(shí)，矩形會發(fā)生變化，并且所有數(shù)字和指標(biāo)都會更新。

結(jié)論

因?yàn)檫@些擴(kuò)展的出現(xiàn)，瀏覽器已經(jīng)不僅僅只是一個(gè)網(wǎng)頁瀏覽工具，它更是一個(gè)提升開發(fā)效率的工具，有了這些工具，我們的工作效率變得非常高效，生活也變得更加輕松。