题记

HTML5test 这个网站专门测试浏览器对HTML5支持状况,只要你的浏览器打开HTML5test这个页面, 就会得到一个测评的分数,然后会列出你当前浏览器对哪些特性支持良好,哪些不支持

---

简易测试

如图:

360极速浏览器测试的(内核是chromium 42) – 极速模式;

我稍微看了下不支持的特性…都是比较少用到的特性…. 所以总体来说,在H5和CSS3下的体验是相当良好的

而我本地的chrome 43 的分数才521 . 还少了两分,可能优化还没做好….最新的44版本,526,在所有浏览器中,对html5支持是最为完善的;

IE11和edge(WIN 10下的),我测试了下,,对Html5的支持还是比较完善的;尤其是EDGE,简直升了一个台阶(相对于IE系列);

IE11:

EDGE

其他的不多说,直接上数据图!!!;

---

数据对比

PC端

其中支持最为完善是chrome系列opera改为chromium内核了..所以分数基本一致出乎意料的是Firefox,W3C标准一直都在最前沿的,对H5的支持竟然不是最高的!!!IE10以下,H5的体验就差强人意了…只能支持一部分Safari的老版本比IE老版本系列好太多….

平板

chrome依旧牛逼,稳居第一其他的大同小异(IE除外)不过最新的edge挺不错的,不管是移动端还是PC端…大跃进啊~~所以移动端的兼容性比PC端要好上很多,各种特性任性用!!

手机端

手机端的各大系列浏览器支持都很不错…除了个别很老的系列…

总结

使用chrome系列或者chromium内核的浏览器对HTML5/CSS3支持是比较完善的,而最新崛起的edge似乎更有看头,能不能消除IE系列的影响就看这货了…或许过上两年,WIN10的比重取代了WIN7的比重…那时候就可以任性的用最新特性写各种特效,各种更人性化的标签; 而不是现在的各种模拟,各种兼容XP这货总会过去的,死磕怀旧的毕竟是少数,为了更好的体验,人总会往上看的!!