wkwebview 在iOS10以下系统显示白屏问题

打了测试环境的包,在iOS11系统上任何wkwebview界面显示都没有什么问题,但是到了iOS10的系统上,或者iOS9的系统上都显示白屏,遇到不配和你调试的H5,你想把他撕吧撕吧喂鹰的心都有了,但是没办法,还得调试。
1、首先验证一下,把你即将打开的链接,更换成百度的链接试一下http://www.baidu.com 如果你的webview连百度都打不开,那么很明显是你创建的web有问题了,自己去改吧
如果能正常显示百度,那么就是H5的问题了。
2、把你即将打开的链接复制到iphone自带的safari浏览器上,如果连自带的浏览器都开不开,那么肯定是H5的问题

在这里我只介绍一下我遇到的情况,我试了一下可以打开百度,但是H5不承认是他们的问题,于是查了各种资料,发现是H5前端框架中用到的ES6没有兼容低版本浏览器。
H5在开发过程中可能会用到一个叫做VUE的东西。就是这个东西没有做低版本浏览器适配

原文链接 :https://segmentfault.com/q/1010000014882192

背景:项目结构是用Vue-cli搭建的,webpack基本上都是使用vue-cli的配置。目前发现,项目运行在iOS11及上的系统,和安卓下,是没有问题的。在iOS10打开,会出现白屏。有报错信息。报错信息如下:

clipboard.png

clipboard.png
说明:在iOS10下,白屏现象会偶尔出现,而且报错信息也不是每次都一样。有时能正常打开,则没有报错信息。
查过资料,有人说是因为使用CommonsChunkPlugin这个插件。【webpackJsonp is not defined】这是因为公共文件必须在自己引用的js文件之前引用。在 buildwebpack.prod.conf.js 中 HtmlWebpackPlugin 插件里添加以下代码改变文件加载顺序

chunks: [‘manifest’, ‘vendor’, ‘app’]

我是磊怀 2849765859 是我的QQ,请您联系我

你可能感兴趣的:(IT,iOS)