微信小程序> 微信小程序iphone7设备下跳转h5页面失败,h5页面显示白屏,加载报错,其他页面正常显示

微信小程序iphone7设备下跳转h5页面失败,h5页面显示白屏,加载报错,其他页面正常显示

浏览量:586 时间: 来源:蛋蛋fighting哈湫

如题,遇到了上面这个问题,在小程序的webview中加载了一个h5页面,满足某种条件的时候跳转到到这个h5页面,这个页面处理了一些逻辑,处理完成后会跳转回来这个页面,所以在往这个h5页面跳转的时候也携带了一些参数,在众多设备都正常,然后遇到了iphone7!(7plus,6等也不行),页面跳过去是一个白屏!(真心无力吐槽ios里面小程序的各种兼容问题)

排查过程

1、在小程序页面中打开了调试查看,发现有一行json.XXX报错,说出现了循环对象的json打印,以为是这个问题,网上查了说是console.log打印了循环引用属性的对象导致的,各种注释打印各种修改之后发现并没有什么卵用。。。于是继续排查

2、我在控制台中打印了我要跳转的链接,所以拷贝出来,在浏览器中打开,可以正常看到我的h5页面!所以h5页面本身是没有问题的,不带参数时,可以正常跳转,带上参数就不行了,问题出在了参数这里,我原来是使用JSON.stringify将参数对象转为json字符串之后直接拼接在url中进行跳转传递的,此处json的某些字符截断了url的解析,所以导致了加载白屏

解决方式

在JSON.stringify(params)外部再包裹一层encodeURIComponent(JSON.stringify(params)),在用到参数的地方先decode在json解析,成功解决

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎