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

如题,遇到了上面这个问题,在小程序的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解析,成功解决

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值