前端工程师和设计师必备的chrome插件

前端开发人员必备的5个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