如何在使用新技术前评估其浏览器兼容性

这里向你们推荐两个网站：caniuse.com以及html5test.com，你们在使用新技术前，能够在这两个网站上看看浏览器的支持状况，看看本身能不能接受，同时也考虑一下能不能优雅降级。

caniuse.com

域名能够用can i use（我能使用……吗？）来记忆。 这个网站提供了两种方式给用户提供浏览器兼容性的信息：

1. 分类索引，在首页，caniuse.com按CSS、HTML5、SVG、JS API、OTHER这几个分类来对浏览器的新技术进行索引。
2. 关键词搜索。

在具体某项技术的页面下，能够看到当前主流浏览器（包括IE6/7/8……）的支持状况，也能够选择查看全部浏览器的支持状况，目前有这么几种状态：

1. 不支持。
2. 不支持，但经过特殊手段能够支持或部分支持。
3. 部分支持。
4. 支持。
5. 未知。

另外，第一次进入该网站时，该网站会让你设置你所在的位置，好比“中国”，那么在显示具体某项技术的浏览器兼容性的列表中，除了会显示世界上此浏览器的份率外，还会显示你的国家的浏览器份率，很是接地气。 除了列出浏览器兼容性外，该网站还会列出各项技术的相关资源，包括文档、polyfill、DEMO等。

---

HTML5test.com

HTML5test.com跟caniuse.com有点相似，都是显示各个浏览器对新技术的兼容状况，这里重点说一下不一样的点：

1. 能够测试用户当前所用浏览器的兼容性状况，这点对于最新的浏览器以及非主流（世界范围内）的浏览器是颇有必要的。
2. 对于浏览器部分支持的技术，可看到详细的列表，列出哪部分支持，哪部分不支持。
3. 有一些浏览器兼容性方面的统计跟比较，对具体技术的应用帮助不大，可做为谈资吧。