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

这里向大家推荐两个网站:caniuse.com以及html5test.com,大家在使用新技术前,可以在这两个网站上看看浏览器的支持情况,看看自己能不能接受,同时也考虑一下能不能优雅降级。

caniuse.com

域名可以用can i use(我能使用……吗?)来记忆。
这个网站提供了两种方式给用户提供浏览器兼容性的信息:

  1. 分类索引,在首页,caniuse.comCSSHTML5SVGJS APIOTHER这几个分类来对浏览器的新技术进行索引。

  2. 关键词搜索。

在具体某项技术的页面下,可以看到当前主流浏览器(包括IE6/7/8……)的支持情况,也可以选择查看所有浏览器的支持情况,目前有这么几种状态:

  1. 不支持。

  2. 不支持,但通过特殊手段可以支持或部分支持。

  3. 部分支持。

  4. 支持。

  5. 未知。

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


HTML5test.com

HTML5test.comcaniuse.com有点类似,都是显示各个浏览器对新技术的兼容情况,这里重点说一下不同的点:

  1. 可以测试用户当前所用浏览器的兼容性情况,这点对于最新的浏览器以及非主流(世界范围内)的浏览器是很有必要的。

  2. 对于浏览器部分支持的技术,可看到详细的列表,列出哪部分支持,哪部分不支持。

  3. 有一些浏览器兼容性方面的统计跟比较,对具体技术的应用帮助不大,可作为谈资吧。

你可能感兴趣的:(浏览器兼容性,技术选型,前端,html5)