小程序webview组件嵌H5页面，安卓手机没有问题，苹果有部分页面不显示

王小婷

发布于 2019-02-21 16:07:06

2.3K0

发布于 2019-02-21 16:07:06

文章被收录于专栏：编程微刊编程微刊

小程序上线之后的有一天，发现了一个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

经过调试，最后发现，错误出现在了后台提供的接口里面，接口里面有些中文字符的参数，苹果机编译很严谨，没有办法识别，所以就会显示白屏。

还有一点需要注意的：不要把地址直接写到组件上，组件上写个变量，变量去赋地址，不能直接在webview组件里面加链接。

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2019.01.12 ，如有侵权请联系 cloudcommunity@tencent.com 删除

webview