如谷歌這樣的現代瀏覽器不僅給用戶帶來極致的瀏覽體驗，也為網絡開發提供了很好的工具，成就非凡的應用程序，你可以從眾多瀏覽器擴展中選其一。

鑒于此，今天，小芯整理了一些不錯的擴展工具，有助于軟件工程師更高效、更快地開發程序，尋找漏洞。

1. React/Redux和Vue開發工具

React.js和Vue.js是很不錯的Javascript框架，但要想完全掌握，需要用到其各自的擴展插件。

React開發者工具適用于谷歌瀏覽器擴展開發工具。React的組件、選項props和狀態均可查看。該工具對React.js的開發有很大幫助。

如果遇到過應用程序狀態出問題，Redux開發工具就是救星。此工具適應各種框架，特別是Redux。提示：在谷歌瀏覽器中激活擴展，瀏覽(Airbnb)愛彼迎這樣的網站。Airbnb網站借助了React及Redux，那有了開發工具豈不是可以獲悉狀態管理的情況。

Vue.js開發工具與React開發工具等同。非常便于調試Vue組件，對Vue開發者來說必不可少。

2. CSS掃描2.0

CSS掃描2.0是很好的掃描插件，任何東西只需一掃即可復制CSS，不過會顯示通知：請購買許可證。

CSS Peeper是免費的，讓你專注于設計而不是編碼。

3. JSONView插件

是否好奇過別人的瀏覽器中JSON數據比自己的看起來更一目了然。這可能是因為在瀏覽器中用了JSONView插件。JSON的格式化又好又快。絕對是筆者最愛的一款插件!

4. WebDeveloper

Web Developer插件會在瀏覽器添加一行工具欄，上面有各種開發工具。通過它可以禁用Javascript、改變頁面布局、操縱圖像等。適用谷歌和火狐瀏覽器!

5. Toby插件

Toby插件可用于整理瀏覽器標簽，可避免一次打開1000個窗口的情況。每一個新標簽都是直觀的工作平臺，可拖拽標簽添加事項，讓你事倍功半。

6. Spectrum插件

很多人不擅長使用網站和程序，可接受性也自然成為當代網絡開發的重點關注對象。顏色視覺缺陷(CVD，Color Vision Deficiency)致使患者無法分辨顏色。Spectrum可以為不同類型色彩缺陷人士測試網站。

7. WhatFont插件

WahtFront插件十分小，可識別網站字體。只需激活插件瀏覽文本，就是這么簡單!谷歌和火狐瀏覽器都適用。

8. FullPage Screen Capture截屏插件

是否想過在給頁面完整截屏時不會有任何額外的權限提醒?該插件可能就是最佳選項。只需點擊圖標或快捷鍵轉到新頁面，所截圖片就會以PDF或照片形式下載下來，滾動頁面和內嵌框架都可以!

9. LibrarySniffer

Library Sniffer是一個很棒的工具，能幫助我們迅速找到運行狀態下的應用程序所用的框架或庫。比如可以檢測一個網站是基于WordPress還是Drupal，或者是否通過React.js、Vue.js或AngularJS等構建。

10. ColorZilla插件

ColorZilla插件在谷歌和火狐上均可使用，有先進的吸管器(獲取頁面上任何像素或區域的顏色)、顏色選擇器、梯度發生器等。你可以獲取頁面上任何像素的顏色，也可查看顏色歷史及調色板。

11. SitePalette插件

Site Palette插件同調色板一樣可從網站上提取顏色。支持數個調色板生成器、生成可分享鏈接、打印或保護PDF表格的調色板等等。

12. TalendAPI Tester接口測試插件

Talend API Tester插件會幫你完美實現與瀏覽器內REST、SOAP和HTTP APIs的交互，跟Postman差不多。免費版本就可以處理各種網站請求，有身份驗證，安全可靠。

本次歸納整理包含了不少優秀插件，希望對你有用，能夠撿其一二用于日常工作。