1. 首页
  2. 编程语言
  3. Javascript
  4. vue 解决IOS10低版本白屏的问题

vue 解决IOS10低版本白屏的问题

上传者: 2021-09-11 01:43:45上传 PDF文件 189.21 KB 热度 14次

新公司是做自己的独立产品,比之前呆过的外包公司要求严格的多,注重用户体验,以下是在新项目里进行前端优化的一些操作一,低版本空白屏问题,以及ios8的样式问题本项目是通过vue-cli搭建,上线以后运行在新版本的苹果手机和安卓手机上均无问题。但是在ios8 9上出现了空白屏的原理,经过测试以后发现是低版本不兼容es6的语法,经过几番尝试找到了最优解。首先安装babel-polyfill,安装命令:npm install --save-dev babel-polyfill安装成功后找到webpack.base.conf里把第16行的代码换成第17行的写法,如图1所示。所有写在这里的es6没有转成es5.所有要把js文件移入src下的assets,或者自建的文件夹ios9以下页面空白如果是其他方面引起的可以考虑在pc端IE浏览器的Edge调试。

用户评论