Chrome瀏覽器目前是網絡上可用的最好的瀏覽器之一，而且自2011年11月超越了Firefox瀏覽器以後，已經成爲了互聯網上占主導地位的瀏覽器。javascript
本篇文章將與你們分享一些與前端開發有關的實用的Chrome瀏覽器插件，這些插件能夠幫助你提升前端開發工做效率。css
markdown here
超好用的一款插件，強烈推薦！！有個它不再用擔憂編輯器不支持markdown語法了，寫好之後直接一鍵轉換。並且也是一個跨平臺神器，好比咱們能夠把簡書寫好的文章（帶md語法）直接複製到微信公衆號，而後一鍵轉換，格式幾乎無變化！前端
離線版下載地址：https://u14797164.pipipan.com/fs/14797164-237430000vue
OneTab：將無數 Tab 合併在一個頁面
不少時候咱們在一個窗口打開太多的tab，每個tab過小不容易管理，這時候使用OneTab可以把全部tab收起放在一個頁面，點擊就可打開該tab，很是方便。java
離線版下載地址：https://u14797164.pipipan.com/fs/14797164-237428194react
Allow-Control-Allow-Origin: *
容許應用從不一樣的來源請求數據，特別適用於先後端分離的開發模式，解決開發中的瀏覽器跨域問題。git
Code Cola
可視化編輯在線頁面css樣式並實時查看效果，並且能夠保存編輯好的css樣式。github
Image Downloader
瀏覽當前頁面全部的圖片並能夠快速下載圖片。web
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接口調試。
離線版下載地址：https://u14797164.pipipan.com/fs/14797164-237430197
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應用程序。