与Web开发相关的Chrome扩展介绍

chrome本文为译文。利用Chrome开发工具,可以在Chrome中方便的调试HTML,Javascript和CSS。如果你正在做一个网页或者为Chrome Web Store编写一个web程序,你可以在页面中直接检查DOM中的元素,调试Javascript和CSS样式表。通过扩展提供的额外功能,可以让Google Chrome变成一个优异的开发环境。为了帮助向你一样的开发者,我们创建了一个web开发扩展的页面。希望大家可以在创建web程序时发挥它们的作用。下面简单介绍几款在Web开发时可以用到的Chrome扩展。

1. Speed Tracer是一个可以帮助你检查web程序表现的Chrome扩展。使用Speed Tracer,你可以看到浏览器在加载网页时,是哪部份在拖后腿(Javascript的解析执行,CSS样式表等等)。

10045

2. Resolution Test是另一个很有用的扩展,它可以改变浏览器窗口的大小,然后开发者就可以预览web程序在不同分辨率下的表现情况。Resolution Test提供了一些常用的分辨率,当然你也可以自定义分辨率。

10046

3. Web Developer扩展会在浏览器工具栏上添加一个按钮,让你获得更多的web开发工具,比如选项验证,改变页面大小和查看CSS元素等。

10047

4. Chrome Editor可以让你轻松的在Chrome浏览器中编辑代码,无须在编辑器和浏览器之间切换,这些代码还可以保存到本地。

10048

上面提到的这些Chrome扩展都可以在web开发扩展页面中找到,当然还可以再extensions gallery中找到更多的扩展。

英文原文:Chrome Extensions for web development

作者:Koh Kim,Google Chrome Team

翻译:麦子地

版权声明:本站原创文章可以任意转载,请务必完整保留以下版权信息:
转载自麦子地 链接地址: 与Web开发相关的Chrome扩展介绍

相关日志

此条目发表在 Chrome 分类目录,贴了 , 标签。将固定链接加入收藏夹。

发表评论

电子邮件地址不会被公开。

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>