前端工程师和设计师必备的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