我们项目浏览器兼容要求

360、QQ、搜狗浏览器采用双核,对此兼容需要考虑IE、chrome的内容。针对IE的兼容版本,IE9为起始版本,IE8为基础版本(页面需要能正常打开)。总结一下就是需要做好IE9+,chrome的浏览器兼容。建议后台系统推广使用chrome
备注:后期会增加移动端兼容要求!

简介

浏览器最重要或者说核心的部分是“Rendering Engine”,可大概译为“渲染引擎”,不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释(如标准通用标记语言下的一个应用HTMLJavaScript)并渲染(显示)网页。 所以,通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同,因此同一网页在不同的内核的浏览器里的渲染(显示)效果也可能不同,这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。

内核介绍

  • 浏览器的主要功能就是向服务器发出请求,在浏览器窗口中展示你选择的网络资源。这里所说的资源一般是指 HTML 文档,也可以是 PDF、图片或其他的类型。资源的位置由用户使用 URI(统一资源标示符)指定。浏览器解释并显示 HTML 文件的方式是在 HTML 和 CSS 规范中指的。这些规范由网络标准化组织 W3C(万维网联盟)进行维护。多年以来,各浏览器都没有完全遵从这些规范,同时还在开发自己独有的扩展程序,这给网络开发人员带来了严重的兼容性问题。如今,大多数的浏览器都是或多或少地遵从规范。
  • 浏览器的内核是指支持浏览器运行的最核心的程序,分为两个部分的,一是渲染引擎,另一个是JS引擎。渲染引擎在不同的浏览器中也不是都相同的。

浏览器兼容规范 - 图1

主浏览器

国外厂商浏览器:IE/Edge,Chrome,Safari,Opera,Firefox
国内厂商浏览器:QQ、2345、搜狗、猎豹、UC、360,且大数为双核浏览器

  • IE/Edge:微软的IE浏览器浏览器更新至IE10后,伴随着WIN10系统的上市,迁移到了全新的浏览器Edge。除了JS引擎沿用之前IE9就开始使用的查克拉(Chakra),渲染引擎使用了新的内核EdgeHTML(本质上不是对Trident的完全推翻重建,而是在Trident基础上删除了过时的旧技术支持的代码,扩展和优化了对新的技术的支持,所以被看做是全新的内核)
  • Safari:Safari自2003年面世,就一直是苹果公司的产品自带的浏览器,它使用的是苹果研发和开源的Webkit引擎。Webkit引擎包含WebCore排版引擎及JavaScriptCore解析引擎,均是从KDE的KHTML及KJS引擎衍生而来。Webkit2发布于2010年,它实现了元件的抽象画,提高了元件的重复利用效率,提供了更加干净的网页渲染和更高效的渲染效率。另外,Webkit也是苹果Mac OS X系统引擎框架版本的名称,主要用于Safari、Dashboard、Mail。
  • Chrome:提到Chrome浏览器,一般人会认为使用的Webkit内核,这种说法不完全准确。Chrome发布于2008年,使用的渲染内核是Chromium,它是fork自Webkit,但把Webkit梳理得更有条理可读性更高,效率提升明显。2013年,由于Webkit2和Chromium在沙箱设计上的冲突,谷歌联手Opera自研和发布了Blink引擎,逐步脱离了Webkit的影响。所以,可以这么认为:Chromium扩展自Webkit止于Webkit2,其后Chrome切换到了Blink引擎。另外,Chrome的JS引擎使用的V8引擎,应该算是最著名和优秀的开源JS引擎,大名鼎鼎的Node.js就是选用V8作为底层架构。
  • Firefox:火狐的内核Gecko也是开源引擎,任何程序员都能为其提供扩展和建议。火狐的JS引擎历经SpiderMonkey、TraceMonkey到现在的JaegerMonkey。其中JaegerMonkey部分技术借鉴了V8、JSCore和Webkit,算是集思广益。
  • Opera:Opera在2013年V12.16之前使用的是Opera Software公司开发的Presto引擎,之后连同谷歌研发和选择Blink作为Opera浏览器的排版内核。

    浏览器引擎列表

    image.png

    浏览器内核介绍

    image.png

    总结国内厂商内核来看,一般为三类:

    一、使用的Trident单核,如:2345、世界之窗;
    二、使用Trident+Webkit/Blink双核,如:qq、UC、猎豹、360、百度;
    三、使用Webkit/Blink单核,如:搜狗、遨游。
    双核浏览器通过WebKit内核来访问一些不需要进行网上交易的网站,使用起来速度更快更方便;双核浏览器在进行支付系统或者是网上银行的访问时,则使用的是Trident内核。这就是双核浏览器的高速模式和兼容模式。双核浏览器是一个不仅仅具有ie浏览器内核同时兼容非ie浏览器内核的浏览器,可以让用户在浏览器当中体验不同的需求

国内操作系统及浏览器占比情况分析(2019第三季度统计)

数据来源:国家计算机网络应急技术处理协调中心
对 PC 端操作系统的分布情况进行分析,其中 Windows 操作系统占比仍居第一,高达 75.89%,较上季度占比下降约 2%,Mac OS 操作系统占比 20.00%,与上季度基本一致,Linux 操作系统占比 4.06%,Unix 操作系统占比 0.01%,其他 PC 端 操作系统共占比 0.03%。 操作系统的分布情况总体已经趋于稳定,Windows 操作系 统始终保持 PC 端的垄断地位,但随着 Mac OS 操作系统的不 断发展和其良好的操作体验,选择使用 Mac OS 操作系统的用 户呈现增长趋势。PC 端操作系统分布情况如图下图一所示。
对 Windows 操作系统各版本分布情况进一步分析,发现 Windows7 操作系统占比最高,为 62.49%,较上季度占比下降 约 3%。Windows 10 占比为 11.71%,较上季度占比上升约 2%。 其次是 Windows XP 操作系统,占比为 11.46%。但由于微软 已在 2014 年 4 月 8 日停止 Windows XP 系统的更新,因此建 议这部分用户尽早更新操作系统版本,以提高其安全性能,防 患于未然。 此外,Windows8占比为3.66%,Windows8.1占比为3.04%, 其他 Windows 操作系统占比 7.63%。Windows 操作系统分布 如下图二所示。
PC 端浏览器分布情况 在 PC 端的浏览器中,IE 浏览器占比最高,为 34.78%, 较上季度下降约 4%。Firefox 浏览器占比 25.60%,Chrome 浏 览器占比为 25.36%,QQ 浏览器占比 2.68%,搜狗浏览器占比 1.91%,Edge 浏览器占比 1.19%,360 浏览器占比 0.85%,Safari 浏览器占比 0.80%,猎豹浏览器占比 0.40%,其他 PC 端浏览 器占比 6.43%。PC 端浏览器分布情况如下图三所示。
对 IE 浏览器各版本分布情况进行分析,发现 IE7 占比最 高,为28.78%,较上季度占比下降约12%。IE9占比为 22.55%, IE11 占比为 16.35%,IE6 占比为 11.31%,IE8 占比为 10.20%, IE10 占比为 4.29%,其他 IE 浏览器版本占比 6.51%。PC 端 IE 浏览器分布情况如下图四所示。

image.pngimage.png
image.pngimage.png

附件:浏览器内核检测工具