chrome瀏覽器成為很受歡迎的瀏覽器不僅因為它的簡潔和速度，更多地是因為它為Web開發(fā)人員提供了構(gòu)建強大應(yīng)用程序的出色工具。開發(fā)人員可以從各種出色的瀏覽器擴展中進行選擇，通過這些擴展軟件，可以大大幫助軟件工程師提高生產(chǎn)力，更快地開發(fā)應(yīng)用程序或查找錯誤。

[[346153]]

React開發(fā)工具和Vue開發(fā)工具

作為最火的前端框架react和vue，它們都為瀏覽器開發(fā)了各自的擴展，使用擴展組件，我們可以非常方便地查看組件的狀態(tài)，進行路由管理，進行數(shù)據(jù)的調(diào)試。

JSONView

作為web開發(fā)人員，調(diào)試接口api是家常便飯，如何快速地優(yōu)雅地通過瀏覽器查看接口數(shù)據(jù)結(jié)構(gòu)，答案就是使用jsonview，這個插件通過將返回結(jié)果進行格式化的輸出，非常方便我們對接口數(shù)據(jù)的觀察和調(diào)試。

Talend API 和postman

提到接口api測試，就不得不提api測試工具，雖然有很多客戶端程序，但是作為輕量級的擴展使用起來更加方便快捷。通過使用這個插件，我們可以輕松地和瀏覽器進行REST，SOAP和HTTP API的交互。

ColorZilla

這是一個站點顏色提取器，使用它我們就像ps中的吸管一樣，我們可以提取到網(wǎng)頁中的任何位置的顏色，然后我們可以輕松得到網(wǎng)頁的調(diào)色板，方便我們對網(wǎng)頁進行色彩分析，同時它還可以非常方便地生成漸變色。

Web Developer

這是一個擴展工具欄，有了它我們可以非常方便地禁用網(wǎng)頁圖片，網(wǎng)頁樣式，網(wǎng)頁的js，有了它我們還可輕松地獲取到表單的元素，同時，它也可以非常方便地幫助我們管理網(wǎng)站的cookies等存儲信息。

CSS peeper

不再需要挖掘代碼。以簡單，井井有條，美觀的方式檢查樣式。立即獲取! CSS Peeper是專為Designers設(shè)計的CSS查看器。通過我們的Chrome擴展程序訪問有用的樣式。我們的任務(wù)是讓設(shè)計師專注于設(shè)計，并花費盡可能少的時間來挖掘代碼。 有沒有想過網(wǎng)站上的行高，字體或按鈕大小是多少?我們?yōu)槟峁M足您好奇心的終極工具。我們使您能夠以最簡單的方式檢查代碼。檢查網(wǎng)絡(luò)上對象，顏色和資產(chǎn)的隱藏CSS樣式。

stylish

這是一個可以讓你魔改任何網(wǎng)頁的插件，有了它，我們可以將我們討厭的網(wǎng)站布局修改成我們自定義的布局，它的樣式會覆蓋掉網(wǎng)站原有的樣式，有了它，我們可以非常方便地得到我們心儀的網(wǎng)站布局，網(wǎng)站樣式，此外，通過它我們還可以實現(xiàn)廣告的過濾隱藏，可以說這是一個非常強大的插件。

page load time

這是一個非常便捷直觀查看網(wǎng)站加載速度的插件，有了它我們可以分析出網(wǎng)頁加載過程中，那個過程占用了大量時間，非常方便我們進行網(wǎng)頁速度優(yōu)化。