收藏！?網(wǎng)頁(yè)開發(fā)離不開的12款擴(kuò)展插件-魔扣目錄

如谷歌這樣的現(xiàn)代瀏覽器不僅給用戶帶來(lái)極致的瀏覽體驗(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ā)者來(lái)說必不可少。

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ù)比自己的看起來(lái)更一目了然。這可能是因?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）致使患者無(wú)法分辨顏色。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或照片形式下載下來(lái)，滾動(dòng)頁(yè)面和內(nèi)嵌框架都可以！

9、LibrarySniffer

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

10、ColorZilla插件