适用于开发者的14个最佳谷歌Chrome浏览器扩展程序

一个不可否认的事实是，今天大量的开发者和设计师喜欢使用谷歌Chrome浏览器及其扩展程序。Chrome开发工具的潜力和强大的接口，使该浏览器成为设计师和开发者设计或开发应用程序时的首选。尽管Chrome开发工具为开发者提供了几种内置功能，但是，如果你认为还缺了什么东西，Chrome扩展程序可以完美地填补空白。

今天，你会真正见识到数百种适用于开发者和设计师的谷歌Chrome扩展程序。所有这些扩展程序最出名的地方，是为可能突然出现的所有类型的开发和设计问题提供了省时省力的解决方案。有了这么多Chrome扩展程序，问题就变成了如何选择他们中最好用的。因此，为了帮助您并去繁就简，一些对开发者和设计师有用的Chrome扩展程序会在这个帖子下面被提及。

1) Measurelt

在设计一个网页时，必须检查包括在网页内元件的尺寸，尤其是你光靠Photoshop中的标尺和辅助线（很难办到）。这个问题可以通过使用MeasureIt解决好。这是最有用的扩展程序，它可以让你快速、轻松地检查几乎任何东西的宽度和高度，为此，你只需要拖动一个框围住你想要测的地方。当你拉开选取框时实际测量结果会立即出现。

2) Responsive Inspector

在设计高度自适应的网站时，在不同的视口检查布局的回流对开发者就变得非常关键。虽然现在有不少其他可用的扩展程序可以让您以预设的宽度查看设计，但Responsive Inspector以其独特而先进的方法闻名。这个扩展程序通过你的CSS读取，并记录已为使用媒体查询（media queries）的任意给定网页设置的视口。因此，允许您截图，并准确地调整浏览器为所要设计的网页的尺寸。这个扩展程序是那些想要检查媒体查询是否完美执行的绝佳选择。

3) Gradient Inspector

这是最先进的Chrome扩展程序，给开发工具增加了侧边栏，并展示了有关用于检查元件的梯度的信息。该扩展也用于单独切换个别梯度，让它们好似具有不同的层。

4) Emmet Live Style

这是另一种有用的插件，用于新一代实时双向CSS编辑。这个插件不仅与谷歌Chrome浏览器兼容，也可用于Sublime Text，Safari浏览器以及其他浏览器和编辑器。它使用户能够连接两个不同的CSS源一起进行实时编辑。这是这个插件提供给用户的最独特的功能。

5) Dimensions Toolkit

Dimensions Toolkit因提供了一些可用于测试自适应网站设计的有用工具出名。它也可以用来检查默认和自定义断点，调整你的自适应网站的尺寸和其他参数。这个扩展作为一个Chrome扩展程序或一个网络应用程序都可用。

6) Batman.js

7) Muz.li

8) Web-developer-checklist

9) DevTools-Autosave

10) Php-Ninja-Manual

11) Check-My-Links

12) Code-Cola

13) Wappalyzer

Wappalyzer是一个揭示在网站上使用的技术的浏览器扩展程序。它可以检测出内容管理系统，电子商务平台，网络服务器，JavaScript框架，分析工具等等。

14) Appspector

这个扩展程序将帮助网络开发人员来检查运行在当前浏览的网站上的Web框架/ CMS和javascript库。一个图标将出现在地址栏表示检测到的框架。版本检测正在实现中。