工欲善其事必先利其器，本文重点介绍几款web开发小工具，涉及分辨率测试、H5测试、性能测试。（PS：chrome devtools、firebug是web开发人员必须要掌握的开发工具，本文不做重点介绍。）

分辨率统计

web开发时，一般会有分辨率适配的需求。这时我们首先要做的是要了解当下主流分辨率，以便做重点测试。相关数据可以参考【百度分辨率统计】。在线地址：http://tongji.baidu.com/data/screen/

分辨率效果查看

页面合成时，我们希望能同时看到不同分辨率下的页面效果，推荐【响应式设计开发工具】。在线地址：http://www.coolrabbit.xin/blogs/tool_responsive/index.html

真机测试发现问题时，我们需要获取真机的分辨率信息，此工具不仅可以查看分辨率，还可以查看dpr等信息。在线地址：https://quirksmode.org/m/tests/widthtest_vpdevice.html

在使用一些h5新特性时，有必要了解下此特性的兼容情况，同时此工具可以以国家为单位，提供支持度统计数据。在线地址：http://caniuse.com/

检测当前浏览器对于html5的支持程度，给出相应分数、详细说明。发现某个设备有兼容性问题时，可以运行下来定位原因。在线地址：http://html5test.com/

非常优秀的一款网页性能评分工具，性能标准参考了google的PageSpeed，yahoo的Yslow。大家可以用下此工具，看下自己做的项目能得多少分，有哪些地方可以优化，尤其是我红色标出的4个tab，需要重点看下。在线地址：https://gtmetrix.com/

如果你也有不错的工具，欢迎一起分享。