caniuse查看浏览器兼容性

caniuse官网地址

已flex 为例介绍

1.主页面介绍

image-20200827145121290

页面红字标注了4个地方

• （1）代表了这个介绍框的内容隶属于一个特性，没有#标志的不属于特性。

• （2）代表这个特性在标准中所处的一个状态

• （3）对于这个特性，在全球、中国所有浏览器中，分别有多少完全支持和部分支持，把两部分值加起来，得到总份额。

• （4）浏览器基线，代表对应浏览器current状态的版本号。基线往上是该浏览器的低版本，并对相同支持情况的版本进行合并。基线往下是未来的三个版本，并进行状态合并。

2. 详情

页面红字标注了4个地方

image-20200827145402982

• （1） 浏览器的特性支持版本区间

  • 红色：不支持
  • 黄色：部分支持/添加某些兼容性语法支持
  • 绿色：支持

• （2）对特性的支持情况

• （3）浏览器发布时间

• （4）浏览器在全球、中国的使用份额

参考文章

重新认识caniuse