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

心得技巧
评论中国风格的网站设计
给网页设计师求职找工作指路
网页设计师真的尴尬吗?
互联网上杰出人物总结的网页设计规范
能吸引访客的网页设计
语义网是什么?你理解吗?
论WEB设计
网站注册和网站登录系统设计之误
应聘网站前端工程师的简历应该怎么写?
网页交互设计中的模块标签
剖析网站布局如何对其黄金分割?
9个网站经常面临的可用性问题
用户体验研究之测试用户方法
方便用户交互的网站导航完美设计
WEB设计时该怎么设置按钮呢?
用户方便浏览的网站能增加网站收入
Apple.com网站Web设计的可用性知识
地图网站的需求,功能和体验
简单了解微格式(Microformat)
不要忽略了颜色的可用性(网页设计理论)

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-03-18   浏览: 55 ::
收藏到网摘: 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