这里向大家推荐两个网站:caniuse.com以及html5test.com,大家在使用新技术前,可以在这两个网站上看看浏览器的支持情况,看看自己能不能接受,同时也考虑一下能不能优雅降级。
caniuse.com
域名可以用can i use
(我能使用……吗?)来记忆。
这个网站提供了两种方式给用户提供浏览器兼容性的信息:
分类索引,在首页,
caniuse.com
按CSS
、HTML5
、SVG
、JS API
、OTHER
这几个分类来对浏览器的新技术进行索引。关键词搜索。
在具体某项技术的页面下,可以看到当前主流浏览器(包括IE6/7/8……)的支持情况,也可以选择查看所有浏览器的支持情况,目前有这么几种状态:
不支持。
不支持,但通过特殊手段可以支持或部分支持。
部分支持。
支持。
未知。
另外,第一次进入该网站时,该网站会让你设置你所在的位置,比如“中国”,那么在显示具体某项技术的浏览器兼容性的列表中,除了会显示世界上此浏览器的份率外,还会显示你的国家的浏览器份率,非常接地气。
除了列出浏览器兼容性外,该网站还会列出各项技术的相关资源,包括文档、polyfill、DEMO等。
HTML5test.com
HTML5test.com
跟caniuse.com
有点类似,都是显示各个浏览器对新技术的兼容情况,这里重点说一下不同的点:
可以测试用户当前所用浏览器的兼容性情况,这点对于最新的浏览器以及非主流(世界范围内)的浏览器是很有必要的。
对于浏览器部分支持的技术,可看到详细的列表,列出哪部分支持,哪部分不支持。
有一些浏览器兼容性方面的统计跟比较,对具体技术的应用帮助不大,可作为谈资吧。