前端工程师的 caniuse

如果你是前端工程师的话,你应该对 caniuse 这个网站会比较熟悉。

这个网站的作用就是 对 CSS,JS 的一些兼容性问题,并且都从它反馈的兼容性数据中获益,让我们的线上项目更加稳定、和谐的跑在用户电脑里。

简单来说就是因为用户使用的浏览器版本很多,不是所有的 JS 语法都能够在所有浏览器里面运行的,这个网站能够让你通过对方法的一些查询来尽量取得最大公约数。

使用

如果你想查询一个函数 concat,你可以直接对这个函数进行搜索。

在搜索的结果中,你可以可以看到上面针对不同浏览器的版本的支持情况。

灰色的显示的是不清楚对当前选择的浏览器来说能否支持这个功能。

每当增加一个新特性时,都要对以上浏览器列表以及对应版本列表进行实测,特性的测试可使用以下两个官方推荐的网站 https://www.browserstack.comhttp://saucelabs.com

浏览器信息统计

caniuse关于浏览器的数据,主要都来源于 https://gs.statcounter.com/ 此网站统计了全球以及各国的浏览器使用情况。

例如当前这个时间段全球的浏览器使用情况。

从上面的图不难看出 Chrome 还是在浏览器里面占据主流的情况。