首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >小程序webview组件嵌H5页面,安卓手机没有问题,苹果有部分页面不显示

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

作者头像
王小婷
发布2025-05-18 16:14:34
发布2025-05-18 16:14:34
45400
代码可运行
举报
文章被收录于专栏:编程微刊编程微刊
运行总次数:0
代码可运行

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

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

5640239-13e92c9c7f714eb3.png
5640239-13e92c9c7f714eb3.png
5640239-c44befc29bb0a199.png
5640239-c44befc29bb0a199.png

并进行真机调试

代码语言:javascript
代码运行次数:0
运行
复制
![](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组件里面加链接。

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1 90后前端妹子,爱编程,爱运营,爱折腾。 坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,对于博客上面有不会的问题

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2025-05-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档