在iOS11上出现Web页面无法显示的问题

内容来源

https://blog.csdn.net/weixin_43883776/article/details/86238958

一个解决方案

https://blog.csdn.net/qq_31490071/article/details/88870973

打了测试环境的包，在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’]

---------------------
作者：磊怀
来源：CSDN
原文：https://blog.csdn.net/weixin_43883776/article/details/86238958
版权声明：本文为博主原创文章，转载请附上博文链接！

转载于:https://www.cnblogs.com/yuxiaoyiyou/p/11282704.html