如谷歌這樣的現(xiàn)代瀏覽器不僅給用戶帶來極致的瀏覽體驗(yàn)，也為網(wǎng)絡(luò)開發(fā)提供了很好的工具，成就非凡的應(yīng)用程序，你可以從眾多瀏覽器擴(kuò)展中選其一。

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

1. React/Redux和Vue開發(fā)工具

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

React開發(fā)者工具適用于谷歌瀏覽器擴(kuò)展開發(fā)工具。React的組件、選項(xiàng)props和狀態(tài)均可查看。該工具對(duì)React.js的開發(fā)有很大幫助。

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

Vue.js開發(fā)工具與React開發(fā)工具等同。非常便于調(diào)試Vue組件，對(duì)Vue開發(fā)者來說必不可少。

2. CSS掃描2.0

CSS掃描2.0是很好的掃描插件，任何東西只需一掃即可復(fù)制CSS，不過會(huì)顯示通知：請(qǐng)購(gòu)買許可證。

CSS Peeper是免費(fèi)的，讓你專注于設(shè)計(jì)而不是編碼。

3. JSONView插件

是否好奇過別人的瀏覽器中JSON數(shù)據(jù)比自己的看起來更一目了然。這可能是因?yàn)樵跒g覽器中用了JSONView插件。JSON的格式化又好又快。絕對(duì)是筆者最愛的一款插件!

4. WebDeveloper

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

5. Toby插件

Toby插件可用于整理瀏覽器標(biāo)簽，可避免一次打開1000個(gè)窗口的情況。每一個(gè)新標(biāo)簽都是直觀的工作平臺(tái)，可拖拽標(biāo)簽添加事項(xiàng)，讓你事倍功半。

6. Spectrum插件

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

7. WhatFont插件

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

8. FullPage Screen Capture截屏插件

是否想過在給頁(yè)面完整截屏?xí)r不會(huì)有任何額外的權(quán)限提醒?該插件可能就是最佳選項(xiàng)。只需點(diǎn)擊圖標(biāo)或快捷鍵轉(zhuǎn)到新頁(yè)面，所截圖片就會(huì)以PDF或照片形式下載下來，滾動(dòng)頁(yè)面和內(nèi)嵌框架都可以!

9. LibrarySniffer

Library Sniffer是一個(gè)很棒的工具，能幫助我們迅速找到運(yùn)行狀態(tài)下的應(yīng)用程序所用的框架或庫(kù)。比如可以檢測(cè)一個(gè)網(wǎng)站是基于WordPress還是Drupal，或者是否通過React.js、Vue.js或AngularJS等構(gòu)建。

10. ColorZilla插件

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

11. SitePalette插件

Site Palette插件同調(diào)色板一樣可從網(wǎng)站上提取顏色。支持?jǐn)?shù)個(gè)調(diào)色板生成器、生成可分享鏈接、打印或保護(hù)PDF表格的調(diào)色板等等。

12. TalendAPI Tester接口測(cè)試插件

Talend API Tester插件會(huì)幫你完美實(shí)現(xiàn)與瀏覽器內(nèi)REST、SOAP和HTTP APIs的交互，跟Postman差不多。免費(fèi)版本就可以處理各種網(wǎng)站請(qǐng)求，有身份驗(yàn)證，安全可靠。

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