5个对前端开发人员有用的浏览器扩展

1.网站面板

浏览器扩展程序，用于创建全面的调色板。设计人员和前端开发人员的必备工具。
网站调色板将提取网站上使用的所有颜色并创建一个调色板。您可以共享调色板并将其导出到Sketch，Adobe Swatch等。链接到扩展

2.字体忍者

识别任何网站上使用的字体，将它们添加书签，试用并购买。
这是一个很棒的工具，可以检测网页上使用了哪些字体，并在您自己的代码中使用它们（如果有的话当然是免费的）

链接到扩展

3. ColorZilla

ColorZilla是一种先进的吸管工具，拾色器，渐变生成器等。使用ColorZilla，您可以轻松地从浏览器的任何位置提取颜色，并将颜色直接复制到代码编辑器，Photoshop文件，…

ColorZilla的有用功能

• 吸管-获取页面上每个像素的颜色
• 进阶拾色器
• CSS渐变生成器
• 网页颜色分析器-为网页创建调色板
• 颜色历史-查看最近选择的颜色

链接到扩展

4.页面标尺

衡量网页上对象的好工具。测量像素的宽度和高度。

链接到扩展

5. JSON格式化程序

扩展以清晰易读的方式在浏览器中显示JSON内容。
有用的功能：

• JSON和JSONP支持
• 语法高亮
• 可折叠的树木，带有缩进指南
• 可点击的网址
• 在原始和解析的JSON内容之间切换
• 对于URL或本地文件
  
  链接到扩展