Chrome瀏覽器目前是網路上可用的最好的瀏覽器之一，並且自2011年11月超越了Firefox瀏覽器之後，已經成為了互聯網上占主導地位的瀏覽器。 本篇文章將與大家分享一些與前端開發有關的實用的Chrome瀏覽器插件，這些插件可以幫助你提高前端開發工作效率。 Allow Control Allow ...
Chrome瀏覽器目前是網路上可用的最好的瀏覽器之一，並且自2011年11月超越了Firefox瀏覽器之後，已經成為了互聯網上占主導地位的瀏覽器。
本篇文章將與大家分享一些與前端開發有關的實用的Chrome瀏覽器插件，這些插件可以幫助你提高前端開發工作效率。
Allow-Control-Allow-Origin: *
允許應用從不同的來源請求數據，特別適用於前後端分離的開發模式，解決開發中的瀏覽器跨域問題。
Code Cola
可視化編輯線上頁面css樣式並實時查看效果，而且可以保存編輯好的css樣式。
Image Downloader
瀏覽當前頁面所有的圖片並可以快速下載圖片。
JavaScript Errors Notifier
將當前頁面所有的 JavaScript 錯誤提示出來。
JSON-handle
查看、編輯、格式化JSON，也可以根據數據中的圖片url查看圖片。
Library Sniffer
探測當前網頁所使用的類庫、框架和伺服器環境。
Lighthouse
幫助你分析頁面的性能並提出可優化的地方。
Page Ruler
繪製一個標尺來獲取像素尺寸和定位，併在任何網頁上測量元素。
Pesticide
高亮顯示頁面每個元素的位置。
Simple Material Design Palette
好用的css調色板。
User-Agent Switcher
預設不同的瀏覽器用戶代理信息，方便多瀏覽器調試。
Web Developer Checklist
使用最佳實踐來分析頁面。
WEB前端助手(FeHelper)
包括JSON格式化、二維碼生成與解碼、信息編解碼、代碼壓縮、美化、頁面取色、正則表達式、時間轉換工具、編碼規範檢測、頁面性能檢測、Ajax介面調試。
WhatFont
識別元素使用的字體。
Window Resizer
調整瀏覽器視窗，模擬各種屏幕解析度。
Take Webpage Screenshots Entirely - FireShot
捕捉網頁截圖，編輯並將它們保存為PDF，JPEG，GIF，PNG或BMP；上傳，列印，在Photoshop中打開，複製到剪貼板或電子郵件
Postman
模擬各種類型的請求，更快地構建、測試並記錄API。
Augury
調試和分析Angular應用程式。
Vue.js devtools
調試和分析Vue應用程式。
React Developer Tools
調試和分析React應用程式。
