如何确定开发的Web应用支持的浏览器最低版本是多少(怎么测试web应用在N个旧版浏览器的效果)?

  1. 我用vue 2.0 开发的单页面应用,也用了ES7/ES8的一些新API,用最新的Chrome 60测试,毫无疑问是可以跑通的。
  2. 测试 IE 的兼容性时可以通过IE的仿真器来测试,IE也没几个版本,费不了多少功夫。
  3. 重点来了:有人反馈说Chrome 49 访问不了,有BUG。难不成我要再装一个 49版本的Chrome来测试?万一又有人反馈说Chrome 50 有问题呢? 总不能装 N 个不同版本的Chrome浏览器来一一测试吧?
  4. 主要是想测试JS的可用性,是否有API报错之类的,需不需要polyfill,CSS样式的兼容性不考虑太多。更多的是想看到不兼容的低版本浏览器的error信息。

所以问题就是:怎么测试网站对低版本的Chrome浏览器的兼容性? 有没有什么工具,或者是插件可以解决这个问题?

PS:问题的起因是,有人问我:“你这个网站最低能兼容到Chrome几?” 然后我就被问倒了=_=

阅读 10.5k
4 个回答

你需要 babel 来转成 es5

你看看这个,进行自动化测试。
比如vue的效果:
图片描述

首先,推荐一个兼容性检查工具:
http://caniuse.com/#search=pr...
图片描述

通过这个工具,可以检测某个特性、样式在各主流浏览器的兼容性质;

如果是框架 一般框架都会表明最低支持的浏览器版本或兼容处理方案 如果是特性可以上caniuse查询

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题