本日,你会真正见识到数百种适用于开拓者和设计师的谷歌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库。一个图标将涌如今地址栏表示检测到的框架。版本检测正在实现中。