小程序webview组件嵌H5页面，安卓手机没有问题，苹果有页面空白问题

最新推荐文章于 2024-09-14 12:58:11 发布

编程微刊

最新推荐文章于 2024-09-14 12:58:11 发布

阅读量3.2k

点赞数

本文链接：https://blog.csdn.net/qq_38822390/article/details/86534901

版权

在小程序中使用webview组件加载H5页面时，遇到苹果手机显示空白的bug，而安卓手机正常。排查后发现，问题源于后台接口中存在中文字符参数，苹果手机编译无法识别导致白屏。解决方案包括真机调试，避免直接在webview组件内写链接，而应使用变量赋值。

摘要由CSDN通过智能技术生成

小程序上线之后的有一天，发现了一个bug，同事说点击列表的时候会进入一个状态界面，这个界面是H5页面，但是在苹果手机上却是空白的。这涉及到了小程序webview组件嵌H5页面，安卓手机没有问题，苹果有部分页面不显示问题。

对webview以下的这些坑进行一一排查：

并进行真机调试

![](https://upload-images.jianshu.io/upload_images/5640239-9ed9d318a6685b1d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
(node:14440) [INSPECTOR_ASYNC_STACK_TRACES_NOT_AVAILABLE] Warning: Warning: Async stack traces in debugger are not available on 32bit platforms. The feature is disabled.
writeOut @ internal/process/warning.js:18

经过调试，最后发现，错误出现在了后台提供的接口里面，接口里面有些中文字符的参数，苹果机编译很严谨，没有