小程序 webview 部分用户打开后白屏

刚出现问题时很是苦恼，因为只有部分用户出现白屏问题，模拟器和真机测试都没有问题。

首先怀疑到的是后端接口报错导致的，可能是部分用户的数据有问题，使用模拟器并没有发现异常，所以排除数据问题。

那么想到的可能是webview的缓存问题，然后给webview url加时间戳，在onload函数中做处理，重新赋值webview的url。经过一系列 *** 作 发现并没有解决问题。

这个时候就更加苦恼了，最后让出现问题的手机使用我的热点，发现正常访问录了。这个时候就想到可能是网络问题了。

最后把项目中的资源链接发给出现问题的手机上，让用户打开看一下，结果果不其然 该用户无法访问。定位问题：部分用户的手机网络不能访问cdn资源

解决方案：修改cdn资源链接

总结：

定位问题的思考方向：

1、用户的数据问题

解决方案：后端修复数据

2、webview的缓存问题

解决方案：a、链接后边加时间戳 b、h5网页进行打包 c、webview中的onload赋值url强制刷新

3、网络问题（由于部分用户的网络无法访问cdn资源）

解决方案：更换cdn资源的链接

不能。

因为在页面onLoad里面设置定时器，超过多少时间webview的bindload没触发，销毁掉webview，控制显示优化显示的部分，所以微信小程序不可以监控webview链接的变化。

微信小程序是小程序的一种，是一种不需要下载安装即可使用的应用。

在微信小程序中，可以使用 webview 嵌套 web 页面，有些时候在 web 页面填写了表单没有提交，当用户点击左上角小程序的返回时，希望可以d框提示用户还有未保存内容，是否确定返回，根据用户选择之后在确定是否返回。

由于返回图标是微信小程序自带的，因此我们无法通过 web 页面的路由离开钩子(如：vue中beforeRouterLeave钩子函数)来控制页面是否关闭，因此想要在离开页面时在 web 页面进行逻辑控制是有难度的。

使用浏览器的 popstate 事件来禁止页面跳转。

1，首先使用uni的webview去加载一个H5页面，这个页面需放在自己公司的测试服务器上哦

2，html文件写入location,href = '小程序的链接'，就会实现自动跳转，也可以加一个按钮防止跳转失败，让用户点击按钮跳转

 3，最重要的一步，如何生成这个小程序的链接

（1），登录微信开放平台

（2），点击小程序，点击服务端，点击获取scheme码，点击调试工具

（3）在线生成scheme码（4），请求成功之后在在线调用这里可以看到，如果失败请按照文档检查一下参数

4，这个就是你小程序的码了，复制到你的html文件里用location,href就可以跳转啦，看上面第二步。

以上就是关于小程序 webview 部分用户打开后白屏全部的内容，包括:小程序 webview 部分用户打开后白屏、微信小程序可以监控webview链接的变化吗、微信小程序嵌套webview页面条件控制是否返回小程序等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！