前端開發必備之chrome插件

Chrome瀏覽器目前是網絡上可用的最好的瀏覽器之一，並且自2011年11月超越了Firefox瀏覽器之后，已經成為了互聯網上占主導地位的瀏覽器。

本篇文章將與大家分享一些與前端開發有關的實用的Chrome瀏覽器插件，這些插件可以幫助你提高前端開發工作效率。

markdown here

超好用的一款插件，強烈推薦！！有個它再也不用擔心編輯器不支持markdown語法了，寫好以后直接一鍵轉換。而且也是一個跨平台神器，比如我們可以把簡書寫好的文章（帶md語法）直接復制到微信公眾號，然后一鍵轉換，格式幾乎無變化！

離線版下載地址：https://u14797164.pipipan.com/fs/14797164-237430000

OneTab：將無數 Tab 合並在一個頁面

很多時候我們在一個窗口打開太多的tab，每一個tab太小不容易管理，這時候使用OneTab能夠把所有tab收起放在一個頁面，點擊就可打開該tab，非常方便。

離線版下載地址：https://u14797164.pipipan.com/fs/14797164-237428194

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接口調試。

離線版下載地址：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應用程序。