微信小程序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解析,成功解决

你可能感兴趣的:(小程序开发总结)