15个网页设计必备的Google Chrome 扩展：编辑

15个网页设计必备的Google Chrome 扩展

2011年第一篇，翻译自freelancefolder的一篇文章。以下为译文内容:

最近，我将Google Chrome作为了我的主力浏览器，同时，将其作为我设计和开发网页的工具，尽管我还时常会去Firefox，因为Firebug这个扩展在Chrome上还不够完善，但我非常满意于Chrome浏览器的速度和浏览宽度等。在这篇文章中，将以字母顺序分享15个对于网页设计师和开发者非常有用的Google Chrome扩展。

1. Aviary Screen Capture

Aviary Screen Capture扩展让你方便的截取任何网页截图，在Aviary.com申请之后，你可以方便地在浏览器内编辑你的截图，基本图像编辑器可以让你标记（通过绘制箭头和长方形）、编辑（剪裁、旋转和调整大小）并得到精确地图片像素和颜色。

其特点包括：

保存到桌面、上传到网络、或者在其他Aviary软件中编辑；

瞬间捕捉；

为截图添加文字、箭头和高亮等标记；

调整、旋转、翻转截图；

智能选择移动元素；

获取页面颜色信息；

快速启动六个Aviary工具，包括图像编辑，标记编辑器，矢量编辑器，调色板编辑器，特效编辑器和音频编辑器等。

2. Chrome SEO

Chrome SEO提供便捷的搜索引擎优化工具，这些工具帮助你进行竞争性分析、关键词研究、反向链接检查和网页排名等日常优化服务。

3. Chrome Sniffer

Chrome Sniffer可以让开发人员检查framework / CMS 和 JavaScript运行情况，这个扩展以图表方式展示检测到的结果，目前，这个扩展已经可以检测到70多种CMS和JavaScript库。

4. Eye Dropper

Eye Dropper 让你方便的获取网页或者其他地方的颜色编码。

5. Firebug Lite for Google Chrome

Firebug Lite for Google Chrome并不是一个完全替代Firebug的扩展（真不幸），不过，你还是可以通过这个扩展获取大多数功能。

6. IE Tab

IE Tab让你方便地在Chrome标签页中使用IE,对于需要进行IE浏览器下测试的开发者来说尤为适用。

7. Instant Image Editor

Instant Image Editor允许你右键点击任何一张图片或者其他元素，并按住ALT键（Linux下位ctrl键），在一个新标签页中用Pixlr进行编辑，这是一种在浏览器中快速、易用的方法。

8. Lorem Ipsum Generator

Lorem Ipsum Generator 扩展创建一个虚拟 “Lorem Ipsum” 文本。

9. MeasureIt!

MeasureIt!让你方便的测量网页中任何元素的宽度和高度。

10. Pendule

Pendule 提供浏览器开发工具，其内置的工具包括查看、重置和禁用CSS，插件JS,编辑表格，查看、编辑和获取颜色、大小等图片信息。

11. PHP Console

PHP Console是一个在Chrome浏览器中进行PHP调试和纠错的扩展。

12. Speed Tracer

Speed Tracer帮助你找出和修复web应用程序的问题，这个扩展帮助你找到应用程序的载入时间耗费问题。这些问题包括：

Javascript分析

布局

CSS样式重新计算和匹配

DOM事件处理

网络资源加载

XMLHttpRequest的回调

绘画

13. Web Developer

Web Developer为浏览器增加一个开发者工具栏，这是流行于Firefox官方开发人员所使用的一个工具。

14. Webpage Screenshot

Webpage Screenshot 是一个快速、简便地捕捉整个网页的扩展，其特点包括：

绘图工具：线，椭圆，矩形，箭头；

为截图添加文本；

快速剪切图片大小；

分享到Facebook、Twitter、Gmail和MySpace；

直接将图片发送至打印机；

记住你最好使用的颜色；

截取整个页面。