那些被開發者所青睞的瀏覽器擴展插件

2019-05-26     最美分享Coder

引言

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

Chrome

擴展列表

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

擴展預覽

Clear Cache

這是我重度使用的一款插件,它對我的開發提供了非常便利的功能,看名字就知道,Clear Cache,緩存清理,我為什麼說它好用,請看下面截圖

緩存清理

我們都知道前端開發的時候經常接觸瀏覽器緩存,我們為了避免緩存對我們開發調試的影響,通常會選擇清理,瀏覽器自帶的快捷清理雖然也可以用,但是還不夠方便,用這個插件可以一鍵處理,而且也還提供了清理時間段內的緩存以及配置是否自動刷新的設置,截圖中也提供了它可選清理的瀏覽器數據。

選擇清理

Local Storage Explorer

這是一個localStorage的插件,看一下截圖就知道了,就是將localStorage自動展開了,其實我覺得比較雞肋,自帶的已經很好用了。

緩存瀏覽

Octotree

這是是我在瀏覽Github的時候用到的插件,應該很多人都知道了,就是為了方便瀏覽代碼的

Github瀏覽

在左邊會生成一個項目代碼樹,能夠很快找到自己想要的代碼文件,比較的實用

React Developer Tools

這是前端開發react項目中所用到的調試插件,相信React開發者應該都知道這個插件,它可以很直觀的看到頁面的組件組成以及生成的代碼,同時你可以在搜索欄過濾你想要看到的組件。

React擴展

Vue.js devtools

這個是Vue開發者的插件,功能要比React的多不少,由於本人沒什麼Vue的開發經驗,而且相信Vue的大多數開發者也知道這個插件,就不過多的介紹了。

Vue擴展

Restlet Client - REST API Testing

這個插件也是我常用的,它是一個可以測試api接口的插件,我們一起來感受下

api測試

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

api測試

WEB前端助手(FeHelper)

這個可能大多數開發者都知道這個插件,它是一個比較全面的開發助手,功能非常多,這是一款開源在Github上的插件,由國人開發

前端助手

Github地址是:https://github.com/zxlie/FeHelper

劃詞翻譯

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

劃詞翻譯

Tampermonkey

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

效果預覽

效果預覽

搜索優化插件

總結

以上是我所常用的擴展,在這裡推薦給大家,如果你有什麼好用的的插件擴展,歡迎到評論區分享,今天介紹的擴展已經打包好,如果你需要的話,可以下載使用,關於如何安裝請到自行搜索,感謝大家的支持,

https://gitee.com/null_341_5574/chrome_plugin/attach_files

文章來源: https://twgreatdaily.com/zh-tw/2RAuYWwBUcHTFCnfzf62.html