记一次引用vue.js的html页面兼容安卓5.1的经历

2,971 阅读1分钟

前言

嗯 这样的,我们公司呢,前后端不分离,前端页面是写在php里面的。

由于写在php,我的应用都是以引入Vue.js的形式写进项目,(毕竟刚入职)。

然后呢,昨天测试报了个BUG,说我写的页面不能在Vivo X7也就是安卓5.1内的app打开???

问题阐述:

引入了Vue.js的页面 在安卓5.1系统中白屏

解决方法

  1. 查找报错 项目页面可以通过腾讯开发的vconsole插件 查找报错 传送门:github.com/Tencent/vCo…

  2. vconsole 插入的script标签最好放在项目首部引入 不然就像我一开始的时候就console.log 啥子都没输出

  3. 由于 vconsole 没有输出 于是我决定百度一下 百度建议import 引入 es6-promise 和 polyfill 但我是引入的Vue.js怎么import?

  4. 请教了前端交流群的大哥 有个大哥说他页面引入browser.js和polyfill.js然后 const vm的那个script标签加上tpye="text/babel"

  5. 可是我用此法行不通 回到第二步 决定用webpack打包 通过引用bundle.js的方式解决兼容 然后还是没啥用

  6. 最后 我使用了ie浏览器模拟了安卓界面 发现原来是引入的polyfill没有完成ES6的兼容 根据ie的报错把let const这些什么改成var即可。。。