前端开发常用的工具

查阅：
can i use：http://caniuse.com
CSS参考手册：http://css.doyoe.com/jQuery 

API文档：http://www.css88.com/jqapi-1.9/
百度统计分析：http://tongji.baidu.com/data/browser

代码压缩/整理：
压缩工具1：http://tool.css-js.com/
压缩工具2：http://refresh-sf.com/yui/JSON

编辑工具：http://tools.jb51.net/tools/json/json_editor.htm
JSONView(Chrome插件)：https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc
美化JS代码：http://jsbeautifier.org/

性能/测试：
JS性能测试：http://jsperf.com
Google的页面加载速度分析：https://developers.google.com/speed/pagespeed/insights
手机端web调试Console：http://jsconsole.com/

CSS代码生成/库：
雪碧图制作工具：http://wearekiss.com/spritepad
可视化CSS3生成器：http://css3.mikeplate.com/
可视化HTML5&CSS3生成工具：http://webdirections.org/tools/
网易的NEC(Nice Easy CSS)代码库：http://nec.netease.com/library

便捷：
占位图：http://dummyimage.com/
loading.gif生成器：http://www.webscriptlab.com/
二维码生成器：http://qr.jibaoku.com/

UC二维码(Chrome插件)：http://goo.gl/dn4cA
配色工具：https://kuler.adobe.com/
在线开发：http://jsbin.com/

推荐几个Mac 端软件：
1. 取色：Pipette http://www.charcoaldesign.co.uk/pipette
2. 尺寸：xScrope http://iconfactory.com/software/xscope
3. TEA for Coda: http://onecrayon.com/tea/coda/

另外，Fiddler 也是非常不错的工具，但在Mac 下没有（微软开发的），可以考虑一下 Charleshttp://www.charlesproxy.com/

著作权归作者所有。
商业转载请联系作者获得授权，非商业转载请注明出处。
作者：简生
链接：http://www.zhihu.com/question/19561454/answer/17807869
来源：知乎