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

这里向大家推荐两个网站：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. 有一些浏览器兼容性方面的统计跟比较，对具体技术的应用帮助不大，可作为谈资吧。

本文转载于:如何在使用新技术前评估其浏览器兼容性