Web開(kāi)發(fā)人員必備的瀏覽器擴(kuò)展
chrome瀏覽器成為很受歡迎的瀏覽器不僅因?yàn)樗暮?jiǎn)潔和速度,更多地是因?yàn)樗鼮閃eb開(kāi)發(fā)人員提供了構(gòu)建強(qiáng)大應(yīng)用程序的出色工具。開(kāi)發(fā)人員可以從各種出色的瀏覽器擴(kuò)展中進(jìn)行選擇,通過(guò)這些擴(kuò)展軟件,可以大大幫助軟件工程師提高生產(chǎn)力,更快地開(kāi)發(fā)應(yīng)用程序或查找錯(cuò)誤。
React開(kāi)發(fā)工具和Vue開(kāi)發(fā)工具
作為最火的前端框架react和vue,它們都為瀏覽器開(kāi)發(fā)了各自的擴(kuò)展,使用擴(kuò)展組件,我們可以非常方便地查看組件的狀態(tài),進(jìn)行路由管理,進(jìn)行數(shù)據(jù)的調(diào)試。


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

Talend API 和postman
提到接口api測(cè)試,就不得不提api測(cè)試工具,雖然有很多客戶端程序,但是作為輕量級(jí)的擴(kuò)展使用起來(lái)更加方便快捷。通過(guò)使用這個(gè)插件,我們可以輕松地和瀏覽器進(jìn)行REST,SOAP和HTTP API的交互。

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

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

CSS peeper
不再需要挖掘代碼。以簡(jiǎn)單,井井有條,美觀的方式檢查樣式。立即獲取! CSS Peeper是專為Designers設(shè)計(jì)的CSS查看器。通過(guò)我們的Chrome擴(kuò)展程序訪問(wèn)有用的樣式。我們的任務(wù)是讓設(shè)計(jì)師專注于設(shè)計(jì),并花費(fèi)盡可能少的時(shí)間來(lái)挖掘代碼。 有沒(méi)有想過(guò)網(wǎng)站上的行高,字體或按鈕大小是多少?我們?yōu)槟峁M足您好奇心的終極工具。我們使您能夠以最簡(jiǎn)單的方式檢查代碼。檢查網(wǎng)絡(luò)上對(duì)象,顏色和資產(chǎn)的隱藏CSS樣式。
stylish
這是一個(gè)可以讓你魔改任何網(wǎng)頁(yè)的插件,有了它,我們可以將我們討厭的網(wǎng)站布局修改成我們自定義的布局,它的樣式會(huì)覆蓋掉網(wǎng)站原有的樣式,有了它,我們可以非常方便地得到我們心儀的網(wǎng)站布局,網(wǎng)站樣式,此外,通過(guò)它我們還可以實(shí)現(xiàn)廣告的過(guò)濾隱藏,可以說(shuō)這是一個(gè)非常強(qiáng)大的插件。

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