微信小程序webview中有iframe嵌套网页时,jsapi的ready没有任何回调问题

本文介绍了微信小程序webview内iframe嵌套网页时,jsapi的ready函数不触发的问题及解决办法。通过在iframe中初始化jsapi,并在子页面中使用,成功解决了回调问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

由于在微信小程序的webview中无法统一在小程序端适配iPhone下的黑条问题,当然自定义TabBar也有同样的问题,整个网页无法在webview中设置样式让下面空出来,这样一来,网页的底部就跟黑条重合,若有自定义TabBar则也会遮挡住网页底部内容。效果如下: 

 

 

 

 为解决这个问题,我们通过将所有网页统一在固定的iframe中打开,然后将iframe设置安全的下边距来解决。

解决后的效果: 

 

 

虽然底部遮挡问题已经解决了,又出现新的问题,就是网页中 jsapi 中的 ready 函数没有回调,相应的 error 也没有被执行,怀疑是微信阻止了我们这样做。

于是,我们想到在 iframe 也来初始化 jsapi 然后在其子页面直接使用其父页面初始化好的 jsapi,经过试验,完美解决!

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值