Web前端开发人员实用Chrome插件收集

越来越多的前端开发人员喜欢在Chrome里开发调试代码，Chrome有许多优秀的插件可以帮助前端开发人员极大的提高工作效率。

尤其Chrome本身是可以登录的，登录后你所有的插件都会自动同步到每一个登录后的Chrome的。

 

翻译有道词典Chrome划词插件 Chrome插件下载

下载地址：http://www.cnplugins.com/office/youdaocidianchromehuacichajian/download.html

使用方法：直接在下载安装之后，得到的“有道词典Chrome划词插件.crx”文件直接拖拽到浏览器的扩展程序中即可，之后就会在浏览器的右上角添加翻译图标，亲测可用。

Viewport Resizer

Viewport Resizer是一款可以改变浏览器视角的chrome插件，利用Viewport Resizer插件可以测试某个网页在不同视角下的显示效果，改变浏览器视角大小。

Viewport Resizer介绍地址——http://chromecj.com/web-development/2014-12/299.html  

下载地址——http://chromecj.com/web-development/2014-12/299/download.html

Resolution Test

比Viewport Resizer功能差一些，调整浏览器窗口大小为开发者查看他们的网站在不同的屏幕分辨率显示效果

下载地址：http://www.cnplugins.com/devtool/resolution-test/download.html

Postman - REST Client

Postman是Ajax开发的神器，对于Restful开发方式特别有帮助，可以用来模拟各种请求来测试API的正确性，比如用来模拟Ajax请求。它还支持认证，比如简单的用户名/密码，或者Oauth1.0。Rest Console也是一个不错的选择。

 

Edit This Cookie

这是一个强大的cookie管理器。你可以添加、删除、编辑、搜索、保护和阻止cookies。

 

Web Developer

安装Web Developer扩展后，会在浏览器的工具栏中添加一个按钮，点击该按钮，会弹出各种Web开发工具。此扩展工具的作者同时也是非常流行的Firefox扩展Web Developer extension for Firefox的作者。。

 

JSON Lint

一个在线验证和格式化JSON文件的应用。

 

YSlow

YSlow可以分析网页，并为改善网页性能提出修改建议，这些功能基于高性能网页的规则集。YSlow可以根据预定义的三个规则集或用户自定义规则集来对网页进行分级。

 

Eye Dropper

可以从页面获取颜色，维护获取历史等。

 

Measure It!

MeasureIt！ 给你测量一个网站中的任何元素的尺寸（像素宽度和高度）。 Page Ruler也是一个不错的选择。

 

Window Resizer

此扩展可以调整浏览器窗口的大小，以适应各种屏幕分辨率。这对于Web设计师和开发者非常有用，可以帮助他们在不同的屏幕分辨率下测试网站布局。

 

JavaScript Errors Notifier

安装该扩展后，会在Chrome地址栏中以图标形式提示JavaScript错误，因为Chrome默认只有打开console才会显示错误。

 

Firebug Lite

Firebug的精简版允许您检查的HTML，CSS和JavaScript代码，生活在任何页面。 你也可以编辑代码，立即测试新的变化。 这是一个开发者最喜欢的Firefox扩展Firebug的精简版。

 

JQuery 扩展www.2cto.com

jQuery扩展让你在当前网页中运行JavaScript和jQuery命令。

 

Pretty Beautiful Javascript

该扩展可以使Javascript文件更容易阅读。其整合了Beautifier和Prettify的功能，可以为代码添加语法高亮。用法是在新窗口里输入js文件的URL或者在查看HMTL源代码时点击js文件的链接。如果是在Chrome的控制台里的资源选项里查看代码则推荐使用Chrome自带的"pretty print"功能，也就是点击"{ }"图标。

 

IE Tab

在Chrome中打开IE浏览器标签页，你可以打开一个标签来运行Internet Explorer，让你看到的网页在IE浏览器看起来如何。

怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件？

文章转载自：http://blog.csdn.net/tree_legend/article/details/40623035

更多参考：前端开发和设计必备的Chrome插件http://blog.csdn.net/ejinxian/article/details/50482162