主流WEB前端框架兼容性
浏览器平台/发布年份
| 年份 | Android | Chrome | Safari | Firefox | IE |
|---|---|---|---|---|---|
| 2018 | 9.0 | 64 - 71 | 12(对应iOS12) | 58 - 64 | |
| 2017 | 8.0 - 8.1 | 56 - 63 | 11 | 51 - 57 | |
| 2016 | 7.0- 7.12 | 48 - 55 | 10 | 44 - 50 | |
| 2015 | 6.0 | 40 - 47 | 9 | 35 - 43 | |
| 2014 | 5.0 - 5.1 | 32 - 39 | 8 | 27 - 34 | |
| 2013 | 4.4 | 11 | |||
| 2012 | 10 | ||||
| 2012 | 9 |
Vue2
Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。
https://v2.cn.vuejs.org/v2/guide/installation.html#%E5%85%BC%E5%AE%B9%E6%80%A7
浏览器兼容如下：
Chrome：23+；(polyfills, Chrome 4+)
Edge：12+；
Safari：6+；
Firefox：21+；
Opera：15+；
IE：10+；(polyfills, IE 9+)
Safari on iOS：6+；
Android Browser：4.4+；(polyfills)
详见：https://caniuse.com/?search=ECMAScript%205
Vue3
最新版本的 Vue (3.x) 只支持原生支持 ES2015 的浏览器。这并不包括 IE11。Vue 3.x 使用的 ES2015 功能无法在旧版本的浏览器中进行兼容，如果你需要支持旧版本的浏览器，请使用 Vue 2.x 替代。
https://cn.vuejs.org/about/faq.html#what-browsers-does-vue-support
浏览器兼容如下：
Chrome：51+；(import 兼容性 chrome63+, proxy 兼容性 49+。所以理论兼容性为 49+)
Edge：15+；
Safari：10+；
Firefox：54+；
Opera：38+；
IE：不支持
Safari on iOS：10+；
Android Browser：8+；(部分Android5、6、7)
详见：https://caniuse.com/?search=ECMAScript%202015
React 16+
react 16.x
浏览器兼容如下：
Chrome: 49+；
Edge: 13+；
Safari: 10+；
Firefox: 64+；
IE：9+；
Safari on iOS: 10+；
Android Browser：8+；(部分Android5、6、7)
详见：
https://v3.umijs.org/zh-CN/guide/boost-compile-speed
react 17.x
浏览器兼容如下：
Chrome：49+；
Safari：10+；
IE：11+；
Safari on iOS: 10+,
Android Browser：8+；(部分Android5、6、7)
React 18+
浏览器兼容如下：
Chrome：80+；(polyfills, 51+)
Safari：10+；
IE：不支持；(polyfills, IE 11+)
Safari on iOS: 10+；
Android Browser：8+；(部分Android5、6、7)
详见：
https://umijs.org/blog/legacy-browser
vite
最低支持 es2015，即 Chrome 51+
使用插件 @vitejs/plugin-legacy 兼容旧版浏览器
参考资料
https://jmfe.gitee.io/jm-fe/standard/rule/browser-compatibility.html
https://www.zhihu.com/question/447873472
https://developer.chrome.com/docs/multidevice/webview/
https://supercodepower.com/fontend-target