Responsive Viewer

在开发响应式页面时候，一个屏幕可以调试多个设备样式，对于前端开发者来说简直是节省时间的神器。

JSON Viewer

用于格式化 JSON/JSONP ，支持语法高亮，更换主题颜色等多种功能。

Light House

Light House 是一个开源，自动化的工具，它用于测试网站质量，比如性能，可访问性，SEO 等等。开发者们可以根据反馈结果来提升网站质量。

ColorPick Eyedropper

可快速获取网站页面中元素的颜色信息。

 

 

CSSViewer

快速获取页面元素 CSS 样式。

 

Saladict

英语翻译神器，对于英语吃力的小伙伴来说非常好用。

 

Wappalyzer

使用 Wappalyzer 查看网站是由哪些技术实现的，一目了然。

Grepper

可快速定位并获取代码的使用方式。

GoFullPage - Full Page Screen Capture

如何将自己开发的网站生成完整的图片，有小伙伴可能遇到过这个困扰，GoFullPage 是一款可以无需任何繁琐步骤，轻松快速将网站生成图片的工具。

Page Ruler

Page Ruler 可以轻松的测量页面元素尺寸。对于页面设计的小伙伴来说非常实用。

最后想跟小伙伴们说，工具是协助我们简化开发、节省时间的利器。在项目开发中合理的使用工具会为我们节省不少的时间，所以小伙伴们一定要找好自己可利用的工具，想想用节省下来的时间，喝上一杯暖暖的咖啡是一件多么惬意的事情呀！

小伙伴们如果有好用的的插件/工具推荐，欢迎留言！