前端開發必備之chrome插件

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