1.Speed Tracer

    Speed Tracer is a tool to help you identify and fix performance problems in your web applications. It visualizes metrics that are taken from low level instrumentation points inside of the browser and analyzes them as your application runs.

    Speed Tracer 是一款功能强大的性能分析插件，可以让用户深入的了解 Web 应用的运行情况，找出自己的 Web 应用运行缓慢的原因。

    2.Eye Dropper

    Eye Dropper and Color Picker extension which allows you to pick color from any webpage or from advanced color picker.

    Eye Dropper允许用户从任何网页中中提取需要的颜色代码。

    3.Firebug Lite

    Firebug Lite is a tool for web developers, that allows you to edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

    Firebug的Chrome版本，允许用户在页面中实时编辑，调试或者监测 CSS / HTML / JavaScript 文件。

    4.Chrome SEO

    The Google Chrome SEO Extension provides easy access to Search Engine Optimization Tools that can help you with Competitive Analysis, Keyword Research, Backlink Checks, PageRank Checks and other daily SEO tasks.

    Chrome SEO 扩展可以让用户非常方便的访问访问分析，关键字研究，回链检查，PR 检查等。

    5.Pendule

    Pendule displays linked and embedded style sheets of the current page in a new tab.

    Pendule可以在一个新的标签页中显示当前页面中链接或者嵌入的样式表文件。

    6.Aviary Screen Capture

    Take a screenshot of any webpage and edit it directly in your browser with Aviary.com applications. Plus convenient access to the Aviary website and tools.

    网页截图和编辑扩展，还可以方便的访问 Aviry 网站。

    7.Resolution Test

    Resolution Test changes the size of the browser window for developers to preview their websites in different screen resolutions. It includes a list of commonly used resolutions as well as a custom option for you to input your own.

    可以使用这个扩展改变当前浏览器窗口的大小，以模拟自己的网页在不同分辨率下的实际效果。扩展内置了一些常用的分辨率，用户也可以自己指定分辨率。

    8.PlainClothes

    This extension styles ― or rather “unstyles” ― the web. Just imagine: text is black, backgrounds are white, unread links are blue, visited links are purple, all links are underlined. Or any other colors you like.

    用你喜好的颜色组合显示所有的页面，你可以把 :text 设置成黑色，背景设置成白色，没有访问过的链接是蓝色，访问过的链接是紫色，所有链接再加上下划线……

    9.Snippy

    Snippy allows you to grab snippets of web pages, save them for future use and upload them to Google Docs.

    Snippy 是一个非常方便的文摘扩展，当你在页面中遇到想要保存的图片或者文本信息时，可以用这个扩展将其保存并上传到 Google Docs 中。

    10.FlashBlock

    Flashblock is an extension for the Google Chrome that blocks all Flash content from loading. It then leaves placeholders on the webpage that allow you to click to download and then view the Flash content.

    一个屏蔽Flash的插件。

    11.IE Tab

    Use Internet Explorer to display web pages in a Chrome tab. Some sites can only be displayed using IE, and with this extension you can now see those sites without leaving Chrome.

    这个扩展可以让 Chrome 在某个标签页中使用 IE 内核渲染网页。

    12.Validity

    Validity can be used to quickly validate your HTML documents from the address bar.

    快速检查当前网址HTML 源代码的规范性。

    13.BuiltWith Technology Profiler

    BuiltWith is a web site profiler tool. Upon looking up a page, BuiltWith returns all the technologies it can find on the page.

    可以识别出当前页面都是用了哪种技术。

    14.MeasureIt!

    Draw out a ruler that will help you get the pixel width and height of any elements on a webpage.

    用鼠标拖出一块区域，即可得知这块区域长和高的像素数值。

    15.LastPass

    LastPass is a free online password manager and Form Filler that makes your web browsing easier and more secure.

    在线密码管理器和填表工具。

    原文链接：http://pelfusion.com/tools/15-google-chrome-extensions-for-web-designers-and-developers/

建议继续学习：

1. Chrome和goagent的配置方法，你懂的    (阅读：15508)
2. 分享一个JQUERY颜色选择插件    (阅读：12657)
3. jQuery Color Animations颜色动画插件    (阅读：7094)
4. 精于图片处理的10款jQuery插件    (阅读：6229)
5. vim 常用插件推荐    (阅读：5998)
6. 警惕 Chrome 的查看源代码 (View Page Source) 功能    (阅读：5855)
7. WordPress插件开发 -- 在插件使用数据库存储数据    (阅读：5639)
8. webapp网页调试工具Chrome Devtools    (阅读：5310)
9. 通过使用Chrome的开发者工具来学习JavaScript    (阅读：5053)
10. [译]Google Chrome中的高性能网络    (阅读：5145)