公司接到了个国企大项目，系统要windows，要求必须兼容xp系统，是否兼容IE8浏览器再商量，我们之前的项目主要是用vue、react技术栈完成的，在项目开始前，我进行了调研工作。
主流浏览器支持安装的最高版本号
主流浏览器对Vue支持的最低版本号
Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的ECMAScript 5特性Object.defineProperty实现数据追踪，故不支持IE8及更低版本的浏览器，但它支持所有兼容 ECMAScript 5 的浏览器。
xp系统下能安装的主流浏览器最高版本号
主流浏览器支持canvas、svg的最低版本号
主流浏览器对Vue-UI框架常用的css3属性支持的最低版本号
主流浏览器对于Vue-UI框架的支持度分析
我对国内最热门的Vue UI框架element-ui着重进行调查，element-ui对IE10及以上的浏览器兼容性好，对IE9浏览器支持不好，原因从上表就可以得知，IE9对css3的支持度不好，大多数css3属性都不支持，而element-ui的一些组件又是基于css3开发的，如el-row、el-col、el-upload组件在IE9上无法使用，el-input、el-table组件在IE9上部分功能也用不了。
总结
本次总部项目要求支持xp系统，xp系统最高只能安装IE8浏览器，因为vue设计特性的原因，vue只在IE9及以上浏览器才能运行，但IE9对css3支持较差，vue生态对IE10以上的浏览器才展现良好的支持性。所以如果决定使用vue技术栈，就要抛弃IE8，如果需要兼容IE8，就不能用vue，转而考虑可以兼容IE8的react技术栈或兼容性更好的jQuery。
另一种方法是建议在xp系统下安装另外两个主流浏览器firefox以及chrome，在xp系统下可以安装到chrome v49、firefox v52，更重要的是这两个现代浏览器很早就与标准对接，在它们早期的版本chrome v4、firefox v2就对大部分的css3属性以及所有ES5标准进行支持，在chrome v20、firefox v20几乎对所有的css3属性进行了支持，vue在这些浏览器上可以完美的运行。
鉴于以上分析，我建议该项目放弃对IE8及以下浏览器的支持，推荐安装firefox以及chrome这两个浏览器，如果需要支持IE9，需要做好UI框架部分Vue组件无法使用的准备。如果总部要求必须支持IE8浏览器或更低的浏览器版本，建议使用jQuery，详细分析，可以看我另一篇关于《主流前端框架对IE浏览器支持度调查》
网友评论