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

心得技巧
网页设计技巧:网页图片选择JPG格式还是GIF格式
一个好的网站和网页需要包含些什么
网页前端设计人员必备的技术列表
博客网站设计参考:主流的博客网站排版样式
LOGO设计分析:几种logo标志设计样式
实时的WEB还有多远
免费资源:15个WordPress高级免费主题
用户体验设计:Nearby Tweets改版的完整设计过程
交互设计与用户体验:满足用户需求的交互设计
亚马逊整合用户行为数据实现精准营销
网页字体在不同浏览器显示不同结果
web设计中的网页表单关于编码设计的小技巧
设计观点:领导的画圈艺术
FireFox浏览器3.6版本的新特性
对比iPhone和Windows Phone 7设计界面
网页设计参考:95个极富创意的单页设计
同时具备创意与效果的FLASH网站实例欣赏
网页设计易用性:43条网站设计中常犯的错误
视觉设计前瞻实用性研究:全方位刺激你的感官
通过css和jQuery实现facebook底部的管理面板

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


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