前端程序员必知的30个Chrome扩展-[转载]

谷歌Chrome浏览器是网络上可用的最好浏览器之一，而且自2011年11月超越了Firefox浏览器以后，已经成为了互联网上占主导地位的浏览器。今天，HTML5中国与你们分享一些实用的谷歌Chrome浏览器扩展，能够助咱们有效提升工做效率。

 

　　Devtools Terminal ——浏览器终端。牛逼的不得了!

 

　　LiveReload——为官方LiveReload应用程序(Mac和Windows)和第三方，例如guard-livereload和yeoman，提供Chrome浏览器集成。

 

　　BrowserStack Local ——本地测试app可让你即刻配置和测试本地/内部服务器，和包括HTML、CSS和JavaScript文件在内的本地文件夹。在BrowserStack上的安全云设置中测试布局，工做流程和交互性，跨越700+个真正的台式机和移动浏览器。

 

　　JSONView ——验证和查看JSON文件。

 

　　Postman——用Postman为API工做流程增长负荷!更快地构建，测试，并记录你的API。已经不止一百多万的开发人员投入了Postman的怀抱。

 

　　Window Resizer——该扩展能够从新调整浏览器窗口的大小，以仿效各类不一样的分辨率。对网页设计师和开发人员尤为有用，能够帮助测试在不一样浏览器分辨率下的布局。

 

　　WhatFont——识别网页上的字体最简单的方法。

 

　　Page Ruler——画一把尺子以获得像素维数和定位，并测量任何网页上的元素。

 

　　Web Developer Checklist ——对于那些想要确保遵循最佳实践的web开发人员，这个扩展可让你很容易发现本身网站的问题域。

 

　　Image Downloader——浏览和下载网页上的图像。

 

　　Alexa Traffic Rank ——Alexa Traffic Rank是Alexa Internet提供的免费的Chrome扩展，而且是Alexa流量面板的惟一扩展。这款Alexa扩展能够在你网上冲浪的时候陪伴你，提供有关你访问的网站的Alexa数据，而且不会中断你浏览网站。

 

　　Eye Dropper ——Eye Dropper是开源扩展，它可让你从网页，拾色器和我的色彩历史中选取颜色。

 

　　Firebug Lite ——Firebug Lite并不是Firebug或Chrome Developer Tools的替代品。它是使用这些工具时也能够一块儿使用的工具。Firebug Lite提供了丰富的视觉表现，这些视觉表现也是咱们在Firebug 中，涉及HTML元素，DOM元素，以及盒模型阴影(Box Model shading)时惯常见到的。它还提供了一些很酷的功能，好比用鼠标检查HTML元素，以及实时编辑CSS属性。

 

　　Web Developer ——添加了一个拥有各类web开发工具的工具栏按钮。是Firefox web开发扩展的官方端口。

 

　　Responsive Inspector —— Responsive Inspector是一个简单的谷歌Chrome浏览器扩展，它容许查看被访问网站的媒体查询。这在开发响应式网络布局时很是有用，由于它能够直观地显示在CSS样式表中定义了什么分辨率。

 

　　BuiltWith ——使用该扩展，能够找出你正在访问的网站是用什么构建的。

 

　　Corporate Ipsum ——做为填充文本使用，生成随机的企业**说辞。

 

　　User-Agent Switcher ——模拟用户代理(User-Agent)字符串。有了这个扩展，你就能够快速轻松地在用户代理字符串之间进行切换。此外，你还能够设置每次要冒名的特定URL。

 

　　YSlow ——YSlow分析网页，并提出如何在一套高性能web页面规则的基础上改进性能。YSlow在三个预约义规则之一或一个用户定义的规则集的基础上将网页分等级。它提供了改进页面性能的建议，总结了网页页面的组件，显示了关于页面的统计信息。

 

　　CSS Shapes Editor ——使用交互式编辑器来建立并调整CSS Shape值，重叠所选元素。

 

　　Pesticide ——这个扩展能够插入Pesticide CSS到当前页，造成每一个元素的示意图以便于更好地看到它们在页面上的位置。

 

　　Responsive Web Design Tester ——在移动设备上测试移动网站。此扩展反映了移动设备的大小和它的浏览器。

 

　　Palettab——将超棒的颜色和字体带给新的标签页!每次点击新标签按钮，都会给你一点点新鲜。

 

　　jQuery Audit ——jQuery Audit在元素面板中建立了一个侧边栏，包含jQuery的下放事件，内部数据等，就像活跃的DOM节点，函数和对象。

 

　　Font Changer——改变Facebook、Twitter、Google、Youtube和其余任何网站的字体。测试Google Web Fonts™。

 

　　HTML5 Outliner——用标题和分节元素生成一个可导航的页面大纲。

 

　　PerfectPixel ——此扩展容许开发人员把一个半透明的图像叠加到已开发好的HTML的顶部，并在它们之间执行每一个像素的比较。

 

　　SelectorGadget ——Selector Gadget 是一个开源的Chrome浏览器扩展，可以让CSS选择器垂手可得地生成和发现于复杂网站。

 

　　Stylebot——瞬间改变网站的外观。

 

　 　[译文：http://www.codeceo.com/article/30-useful-extensions-for-web.html

　　 原文：Useful extensions for Front-End Developers and Designers-- 翻做：码农网 – 小峰]