当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 17个用于设计开发的chrome扩展工具

心得技巧
IE8 Beta 1两个地方需要大家注意
提高网站性能中内容有关的10条原则
网页设计者应该从三个方面优化网页
Web 设计 实现干净代码的12条定律[图文]
网页设计必备工具 firefox Web Developer插件 CSS工具组教程
UCenter Home 站点添加统计代码
9款很棒的网页绘制图表JavaScript框架脚本
提高网站可用性的10个小技巧
网站维护页面的列表制作技巧
B2C 网站用户体验细节设计参考
收集12个实用的网页在线工具
设计参考 漂亮和原创的博客设计
收集25个知名网站标志中使用的字体
极尽简约的网站设计实例
个性化创意鲜明的网站设计实例(30个)
水平滚动的网站设计 小结
更受欢迎 更具创造性的深底色网页设计实例
有创意的关于我们网页页面设计
整洁漂亮的网页设计的4项原则
设计参考 WordPress建站成功案例

心得技巧 中的 17个用于设计开发的chrome扩展工具


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-03-18   浏览: 75 ::
收藏到网摘: n/a

大多数设计师和开发人员都选择火狐,因为火狐提供了强大的插件扩展。尽管chrome目前提供的扩展还没不及火狐所提供的,但仍有可能成为设计师和开发者的选择。在某些情况下,他们不如火狐强大(如firebug和firebug lite),但如果你正在使用chrome,你可能会对他们提供的扩展有兴趣,何况chrome用于设计开发的工具正逐步被开发出来。

      在这篇文章里,我们将介绍chrome17个用于设计开发的扩展工具。如果有可能的话,希望chrome提供的出色扩展也可与火狐扩展相媲美。

Speed Tracer

Speed Tracer 是一个可以帮助你标识和定位网页出现的问题的工具,他可以把浏览器中网页的运行情况进行可视化的分析,Speed Tracer可以运行在他所支持的平台(windows和linux)上的chrome中。

Speed Tracer

Firebug Lite

Firebug Lite 可以让开发者在任何网页中编辑、测试错误,可以纠正CSS/HML/JavaScript。

Firebug Lite

Pendule

Pendule 可以在新标签页中显示当前页的所有链接和内嵌样式表。

它可以在当前运行的页面重载样式表,而无须为了每个修改而重载整个页面,当然,它也可以在当前页面禁用CSS。

Pendule

Eye Dropper

Eye Dropper 和取色器扩展可以让你在任何页面进行高级的取色操作。

Eye Dropper

Aviary Screen Capture

 Aviary Screen Capture 可以在任何页面进行截屏,并且在在aviary.com的应用支持下直接在浏览器中进行编辑。它甚至可以随意连接avirary网站以及使用网站的工具。

Aviary Screen Capture

PlainClothes

PlainClothes 可以让你对网页随意定义样式,或者禁用样式:想像一下:把字体改成黑色,把背景改成白色,未读的链接改成蓝色,已访问链接改成紫色,所有链接都加上下划线,只要你喜欢,想改成什么样就什么样。你可以使所有的文本在任何页面都自动按照你预定的样式呈现(在“选择”>“Under the Hood”>"改变字体和语言"里设置)

PlainClothes

Chrome Sniffer

Chrome Sniffer 可以帮助开发者检查网页在运行时的框架/CMS和javascript库的情况,在检测框架时,地址栏会出现一个图标。

Chrome Sniffer

Lorem Ipsum Generator

The Lorem Ipsum Generator 可以产生随机的文本。

Lorem Ipsum Generator

Chrome SEO

Chrome SEO 可以利用互联网搜索引擎分析你的网页SEO情况,关键词、反链、PR和其他的一些SEO情况。

Chrome SEO

IE Tab

IE Tab 可以让你在chrome中使用IE模式运行网页。有了这个扩展,你就无须为了看看网页在IE的运行情况而关闭chrome。开发者可以用它检查网页在IE的运行情况,使用了ActiveX控制或者浏览本地文件。(如使用“file://URLs”对本地文件进行访问)

IE Tab

Resolution Test

Resolution Test 可以帮助开发者测试网页在不同的分辨率下的表现,你也可以自定义分辨率进行测试。

Resolution Test

MeaureIt!

MeasureIt! 可以让你i在任何网页上计算页面宽高。MeaureIt!

Validity

Validity可以使网页在地址栏中快速运行。 只要点击地址栏上的图标就可以激活当前页面。页面的错误量也可在浏览器工具栏中看见。

Validity

Snippy

Snippy 可以截取网页的部分并保存下来。capture可以保存大量的文本并且保持原来的格式,也可以截取段落,图片,链接等。

Snippy

META SEO Inspector

META SEO Inspector 被用来检查网页的meta属性。META SEO Inspector

LastPass

LastPass是一个免费的在线密码管理工具,使你的访问更加快速安全。

LastPass

Google Tasks

The Google Tasks extension 可以在任何时间任何页面访问google tasks。你可以进行临时记事或翻看你的议程。

Google Tasks