常用浏览器版本对比-零基础HTML+CSS从入门到精通

浏览器内核的主要功能是解释网页中的语法并渲染网页。不同浏览器使用的内核不尽相同，而不同的浏览器内核对网页语法的解释又不尽相同，这就导致了不同浏览器渲染出的网页可能有一些差异。比如，此前提到的HTML5版的卡通老虎，在IE8中就变成了四四方方的国字脸。

图1.3.1　IE8版本的卡通老虎

网页很难在所有浏览器上都达到预想的效果，有时候不得不放弃对小众浏览器的兼容。因此，经常关注浏览器的市场份额和使用率也是一件比较重要的事。

目前，Chrome浏览器在全球已经占据了三分之二以上的市场，紧随其后的是Firefox浏览器。2015年，微软发布了Windows 10版本，其默认浏览器变成了Edge。这一举动导致IE浏览器的用户开始转投Edge，IE的占有率持续下滑。此外，苹果电脑上的Safari也有相当多的使用者。

图1.3.2　2018年2月全球PC浏览器市场份额(www.xing528.com)

国内PC端浏览器市场上，Chrome的市场份额接近50%，IE则仍占有20%以上的市场。同时，我们也有许多的本土浏览器，例如QQ、百度、搜狗、2345、360等。这些浏览器基本采取多内核的策略，可以在使用IE内核的兼容模式和非IE内核的模式之间切换，从而让用户可以正常访问以任何新旧HTML为标准编写的网页。

图1.3.3　2018年2月中国PC浏览器市场份额

IE早期版本特立独行，对于HTML和CSS标准的支持度一直较差，但自IE10之后，HTML5的大部分功能已经能在IE上正常运行。旧版Windows操作系统的IE并不会自动升级到IE10，所以HTML5和CSS3在国内少数用户的浏览器上仍会出现问题。如果功能要求最大范围支持，在开发时我们就需要考虑这一因素。Chrome、Firefox、Safari等浏览器由于出现较晚，都是按照W3C标准进行支持的，而且它们大多带有自动更新功能，对HTML5和CSS3的支持都很好。因此，当我们提到浏览器兼容性问题的时候，基本都是特指IE10之前的各版本与其他浏览器之间的差异。

谷歌公司非常注重Chrome的研发和推广，不管在国内还是国外，Chrome已经成为网民主要使用的浏览器。Chrome不断更新换代并实现最新的W3C标准，而且为开发者提供了很多便于调试程序的工具。所以，本书推荐前端工程师们使用Chrome作为主要测试工具，当网页需要兼顾所有浏览器时，再考虑使用其他浏览器。