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應用程序。
