必備!10款網頁開發的擴展插件

安裝豐富的擴展插件可以讓瀏覽器擁有無限的可能,能大大地方便工程師的網頁開發,今天,快快小編給大家分享10款網頁開發的擴展插件,希望能幫助你更快地開發程序,尋找漏洞。


必備!10款網頁開發的擴展插件


1、FullPage Screen Capture截屏插件

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

2、WebDeveloper

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

3、CSS掃描2.0

CSS掃描2.0是很好的免費掃描插件,任何東西只需一掃即可複製CSS。

4、Toby插件

Toby插件用於整理瀏覽器標籤,每一個新標籤都是直觀的工作平臺,可拖拽標籤添加事項,避免一次打開1000個窗口的情況。

5、LibrarySniffer

Library Sniffer能迅速找到運行狀態下的應用程序所用的框架或庫,比如檢測一個網站是基於WordPress還是Drupal,或者是否通過React.js、Vue.js或AngularJS等構建。

6、JSONView插件

JSON的格式化又好又快,讓瀏覽器中JSON數據看起來更清晰分明。

7、Spectrum插件

Spectrum可以為不同類型色彩缺陷人士測試網站,讓患有顏色視覺缺陷(CVD,Color Vision Deficiency)的用戶能夠輕鬆分辨網頁顏色。

8、WhatFont插件

WahtFront可識別網站字體,只需激活插件瀏覽文本,就可以簡單地使用。這個插件很小,谷歌和火狐瀏覽器都適用。

9、React/Redux和Vue開發工具

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

Redux開發工具是應用程序狀態出問題時的救星,它適應各種框架。Vue.js開發工具與React開發工具等同,非常便於調試Vue組件。

10、SitePalette插件

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

這10款網頁開發的擴展插件對你有幫助嗎?如果還有什麼想要了解的,可以在下方評論留言給小編~


分享到:


相關文章: