对于网页设计人员或网站开发者来说，更喜欢使用像FF的此类浏览器，缘由是其具有强大的辅助插件，可以协助网页制造与开发提高效率，那么同样对于Google Cchrome浏览器来说也是具有大量的此类插件，本文收集了一些针对Google Cchrome浏览器进行网页制造开发的插件工具。可以无效提高网页设计师或前端开发者的任务效率。

无论是Firefox还是Google Chrome，其强大的扩展都是吸引我们最大的缘由之一。下面引见的是网页设计和网页开发人员会经常用到的32款 Google Cchrome 扩展。

1. FireBug Lite

Firefox有个非常出名的扩展——FireBug，Firebug Lite 就相当于Firefox的FireBug，可以即时预览到编辑、修正 CSS, HTML 和 JavaScript的效果。

2. Resolution Test

Resolution Test 可以修正浏览器窗口的分辨率，从而让网页开发人员能够即时预览页面在不同分辨率下面的表现情况。

3. Speed Tracer

Speed Tracer 可以对网页中的元素进行全方位的检测分析，帮你找出网页运转缓慢的要素，以方便网站开发者优化代码，目前可在windows 和 Linux 两种操作平台下面运转。

4. Web Developer

Web Developer 可以在浏览器工具条上集成多种网页开发工具，是网站开发人员最常用的 Google Chrome 扩展之一。安装Web Developer 扩展之后会在浏览器工具栏添加一个图标，点击图标就可以看到很多的网页开发工具。

5. Pendule

这个插件功用和FireBug很像，安装 Pendule 扩展后可以对 Google Chrome 内置的开发者工具进行扩充。

6. Aviary Screen Capture

Aviary Screen Capture 是由 Aviary.com 提供的一个截屏扩展。安装 Aviary Screen Capture 扩展后可以对当前浏览器可见内容进行截屏，然后跳转到Aviary.com 提供的在线图片编辑页面进行编辑，编辑完成后再保存到本地电脑。

7. Chrome Web Developer Tools

Chrome Web Developer Tools和FireFox Web Developer很像，和Firefox Firebug的功用接近。

8. Chrome Sniffer

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

9. Lorem Ipsum Generator

可以产生随机的文本。

10. PlainClothes

PlainClothes可以让你对网页随意进行款式定义，甚至禁用款式。同样，你也可以让文字内容在任何页面都自动按照你设定的款式进行呈现（在“选择”>“Under the Hood”>”改变字体和言语”里设置）。

11. Internet Explorer Tab

在某些必须使用IE的情况下，这个插件会非常无效。

12. Chrome SEO

Chrome SEO是目前最全面的Chrome SEO扩展。安装Chrome SEO扩展后，你在访问一个网页的时候，可以按照不同分类看到相关的SEO实用参数，包括各个搜索引擎的索引数量、反向链接、流量和排名、被各个书签服务所收藏的次数、被缓存的版本、域名信息（DNS、Whois、IP等），全部显示在扩展按钮的弹出菜单里。

13. SEO Site Tools

SEO Site Tools这个 Google chrome 扩展可以校验CSS代码、HTML代码，以及监测Gzip紧缩情况等基本的SEO材料，可以鼠标右键取消该功用。

14. META SEO Inspector

可以用来检查网页的meta属性，并且可以监测no-follow链接属性。

15. Validity

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

16.