通用擴展

1、科學上網

又名"谷歌服務助手"，可一鍵訪問Google、Youtube、Facebook、Twitter、Wikipedia等網站，速度快，關鍵是永久免費。

谷歌查資料還是挺不錯

2、開發工具箱

強烈推薦給前端、后端工程師、測試人員等。功能有：MD5加密（16位、32位），UrlEncode/UrlDecode，Base64Encode/Base64Decode，CSS/JS/Html代碼美化、壓縮，人民幣大小寫轉換，簡體繁體轉換，ASCII碼轉換，顏色選擇器，EsCape/UnEscape，8、10、16進制加解密等等。

部分功能

3、Tampermonkey（暴力猴）

該插件可為瀏覽器提供用戶腳本支持，這塊的應用很多也很靈活，你懂得，一個插件相當于可以支持更多擴展。

腳本商店

4、Wappalyzer

它是一款基于最新前端技術的Chrome瀏覽器擴展應用。它提供了一鍵識別網站CMS、框架、庫、服務器、操作系統、統計、廣告等信息的強大功能，可方便前端或者后臺開發者快速查看網站的技術細節信息。

絕對好使

前端開發

1、UA一鍵切換（UseragentSwitcher）

它可以一鍵切換為手機、平板電腦、PC瀏覽器的UserAgent，方便開發者在PC上測試網站，以解決網站的兼容性問題，尤其是前端開發者可以靈活的開發測試H5等手機頁面。

前端開發神器

2、WEB前端助手

這是一款百度官方出品的瀏覽器插件，支持前端開發中的字符串編解碼、代碼美化、JSON格式化，正則表達式，以及二維碼生成器、編碼規范檢測、頁面性能檢測、柵格檢測等功能。

百度出品

3、Window Resize

它可以一鍵切換為手機、平板電腦、PC瀏覽器的窗口大小，方便開發者在PC上測試網站，尤其是手機網站WebAPP自適應、HTML5響應式網站開發者，必備神器。

右鍵使用

4、CSSViewe

鼠標懸浮在Dom元素上即可快速看到對應元素的最終樣式信息，方便開發者調試css，同時也是菜鳥學習必備工具。

很好使

5、VUE-devtools

VUE官方出品的開發輔助工具，方便前端開發者在瀏覽器上調試vue項目，前端開發必備神器之一，它的源碼可在GitHub上下載，需要的朋友可去下載。

擴展使用

6、React Developer Tools

React Developer Tools 是一款由 Facebook 官方開發的 Chrome 瀏覽器擴展，通過它開發者可以查看應用程序的 React 組件分層結構，而不是更加神秘的瀏覽器 DOM 表示。注意：該插件只對 ReactJS 開發有效。如果是 React Native 的話則無法使用這個插件調試，畢竟RN是開發APP的，需要相應的模擬器和工具才能調試。

應用截圖