浏览器兼容规范

浏览器/平台分布情况

PC平台!

chapter3_1

不管在国际范围还是国内,Chrome都占主要地位,但是需要考虑部分IE用户。

移动平台

chapter3_2

Android平台6.0 以上占大约73%

chapter3_3

iOS平台分布情况较为比较理想,能够支持大部分的前端特性

浏览器平台/发布年份

年份AndroidChromeSafariFirefoxIE(Edge)
201910.072-7813(对应iOS 13)65+
20189.064 - 7112(对应iOS12)58 - 64
20178.0 - 8.156 - 631151 - 57
20167.0- 7.1248 - 551044 - 50
20156.040 - 47935 - 43
20145.0 - 5.132 - 39827 - 34
20134.411
201210
20129

规范

定义兼容级别

  • 完全兼容: 保证百分百功能正常
  • 部分兼容: 只能保证功能、样式与需求大致一致。对于一些不影响主体需求和功能的bug,会做降低优先级处理或者不处理。
  • 不兼容: 不考虑兼容性

管理系统

管理系统指的是公司内部使用或者面向管理人员的中后台系统。这部分使用人群数量较少,且基本是企业内部员工,容易要求他们使用指定版本浏览器,所以要求是最低的。 针对该类应用的兼容性规范为:

  • 完全兼容: Chrome49+, Firefox44+, 也就是2016年之后发布的版本
  • 部分兼容: Chrome28+, Firefox37+, IE11. 如果客户要求,会对这部分浏览器进行兼容, 例如面向企业员工的管理系统
  • 不兼容:其他

版本号定义: 比如Chrome49+, 表示包含49 以及49以上版本

对外页面,如官网

对于这类开放给外部的应用,使用人群难以估计,需要充分考虑上述的浏览器分布情况统计。但是为了开发效率和用户体验,我们会选择放弃老旧的浏览器。 根据统计数据,对外页面的兼容性规范如下:

  • 完全兼容: Chrome39+, Firefox35+, 微信webview
  • 部分兼容: QQ浏览器, 百度浏览器,搜狗浏览器, 360浏览器,IE11
  • 不兼容: IE10及以下

前端统计平台

TODO:

polyfill

TODO:

兼容性测试环境

TODO:

统计数据来源