擴充套件外掛程式 那些被開發者所青睞的瀏覽器擴充套件外掛程式

2021-10-14 19:33:53 字數 1763 閱讀 2627

作為乙個前端開發者,日常使用最多的就是瀏覽器,而瀏覽器中使用最多的在當下應該是chrome,作為乙個重度依賴chrome的我來說,在平時的開發過程中為了提公升工作體驗,特別是前端開發過程中,因此我就把我所用到的擴充套件推薦給大家。

以下就是我瀏覽器中所有的擴充套件,有些我可能會在下面著重的說明一下,部分擴充套件就不過多介紹了

這是我重度使用的一款外掛程式,它對我的開發提供了非常便利的功能,看名字就知道,clear cache,快取清理,我為什麼說它好用,請看下面截圖

我們都知道前端開發的時候經常接觸瀏覽器快取,我們為了避免快取對我們開發除錯的影響,通常會選擇清理,瀏覽器自帶的快捷清理雖然也可以用,但是還不夠方便,用這個外掛程式可以一鍵處理,而且也還提供了清理時間段內的快取以及配置是否自動重新整理的設定,截圖中也提供了它可選清理的瀏覽器資料。

這是乙個localstorage的外掛程式,看一下截圖就知道了,就是將localstorage自動展開了,其實我覺得比較雞肋,自帶的已經很好用了。

這是是我在瀏覽github的時候用到的外掛程式,應該很多人都知道了,就是為了方便瀏覽**的

在左邊會生成乙個專案**樹,能夠很快找到自己想要的**檔案,比較的實用

這是前端開發react專案中所用到的除錯外掛程式,相信react開發者應該都知道這個外掛程式,它可以很直觀的看到頁面的元件組成以及生成的**,同時你可以在搜尋欄過濾你想要看到的元件。

這個是vue開發者的外掛程式,功能要比react的多不少,由於本人沒什麼vue的開發經驗,而且相信vue的大多數開發者也知道這個外掛程式,就不過多的介紹了。

這個外掛程式也是我常用的,它是乙個可以測試api介面的外掛程式,我們一起來感受下

這個介面也比較現代化,功能也非常強大,基本上你需要用到的它都有,而且可以登入賬號同步,比postman好的地方就是,直接作為瀏覽器擴充套件,不需要額外安裝應用,而且我覺得要好看點,因為長時間沒用到postman了。

這個可能大多數開發者都知道這個外掛程式,它是乙個比較全面的開發助手,功能非常多,這是一款開源在github上的外掛程式,由國人開發

這是乙個翻譯擴充套件,主要是瀏覽器自帶的瀏覽器翻譯就直接所有的都翻譯了,不是很方便,因此就有了這個外掛程式,我一般在瀏覽外文部落格的時候常用,可以直接對你選擇的部分進行翻譯,同時我覺得真要看外文部落格,qq瀏覽器自帶的中英文對比翻譯也挺好的。

這個外掛程式到哪都會有人推薦,我著重推薦的不是外掛程式本身,而是它提高我們搜尋效率的指令碼,看下面截圖就知道了,整個搜尋變得非常的純粹,不會有那麼多廣告,而且可以自定義樣式,很實用的功能,指令碼也在github上了,你也可以直接到外掛程式提供的指令碼位址搜尋。

開發者必備的 Chrome 擴充套件

firebug 不用多介紹了吧 chromesnifferplus chrome 探測器,可以探測正在使用的開源軟體或者 js 類庫 measureit 瀏覽器視窗內測距,用於測量元素的大小 window resizer 可以快速調整瀏覽器視窗的尺寸,用於觀察 頁面寬度 awesome screen...

開發者必備的 Chrome 擴充套件

firebug 不用多介紹了吧 chromesnifferplus chrome 探測器,可以探測正在使用的開源軟體或者 js 類庫 measureit 瀏覽器視窗內測距,用於測量元素的大小 window resizer 可以快速調整瀏覽器視窗的尺寸,用於觀察 頁面寬度 awesome screen...

開發者必備的 Chrome 擴充套件

firebug 不用多介紹了吧 chromesnifferplus chrome 探測器,可以探測正在使用的開源軟體或者 js 類庫 measureit 瀏覽器視窗內測距,用於測量元素的大小 window resizer 可以快速調整瀏覽器視窗的尺寸,用於觀察 頁面寬度 awesome screen...