前端工程師和設計師必備的chrome插件

Google Chrome是最好用的幾個瀏覽器之一，今天我來分享下本身收集的一系列Chrome插件，但願對你們的學習和工做有幫助。

注：你能夠經過複製連接或者在谷歌商店搜索相應插件的名稱來獲取如下插件。

1.   HTML5 Outliner：使用HTML5概述算法顯示當前網站頁面的輪廓大綱

以騰訊網做爲演示頁面

 

項目源代碼地址：https://github.com/h5o/h5o-js

chrome商店地址：https://chrome.google.com/webstore/search/html5%20outliner

2.     Window Resizer

調整瀏覽器窗口的大小以模擬各類屏幕分辨率，幫助Web設計師和開發者測試多種分辨率下的佈局效果。

chrome商店下載地址：https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh

3    WhatFont

經過懸停它們來檢查Web網頁上使用的字體，簡單而優雅

chrome商店下載地址：https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm

4. WEB前端助手(FeHelper)

百度工程師開發的插件，功能不少、包括代碼壓縮、字符編解碼、json格式化、二維碼、取色器、正則表達式等功能，強推

官網地址：https://www.baidufe.com/fehelper

chrome商店地址：https://chrome.google.com/webstore/search/FeHelper

頁面展現：

 

5.JSONView

驗證並查看JSON文檔，適 用於Chrome的JSONView端口。

 chrome商店下載地址：https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc