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

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

微信小程序全栈开发实践第二章微信小程序组件介绍及使用 -- 2.10 image组件，如何实现图片懒加载？
一.与image组件有关的技术问题 1.1 什么是WebP? webp是image组件的一个boolean属性,开启这个属性之后,代表url可以设置webp这种格式的图片.webP是一种同时提供了有损 ...
微信小程序下拉框插件_微信小程序自定义select下拉选项框组件的实现代码_清玖_前端开发者...
知识点:组件,animation,获取当前点击元素的索引与内容微信小程序中没有select下拉选项框,所以只有自定义.自定义的话,可以选择模板的方式,也可以选择组件的方式来创建. 这次我选择了组件, ...
微信小程序实现锚点跳转
微信小程序实现锚点跳转 1.先上效果图,看看是不是你想要的. 2.主要用到的微信小程序的scroll-view 组件实现该效果.核心主要是使用scroll-into-view属性跳转对应的标签页和标签 ...
微信小程序做页内跳转外部网络连接/＜web-view＞的使用（使用与企业小程序）
导读需求: 在微信小程序中访问外部https网页,可做小程序中访问或者跳出到浏览器打开访问. 结果: 由于我做不了让小程序打开浏览器并访问指定的url,所以我做微信小程序页内访问指定的URL. 条件 ...
微信小程序自定义select下拉选择组件
微信小程序自定义select下拉选择组件微信小程序原生开发中,常用到的是从底部弹起的滚动选择器(picker),而有些项目需要用到下拉选择,话不多说,下面就可以把下拉选择封装成一个自定义组件: 1. ...
如何实现两个微信小程序之间的切换跳转
如何实现两个微信小程序之间的切换跳转 wx.navigateToMiniProgram({appId: '***************', //跳转目标小程序的appIdpath: '/pages/ ...
关于微信小程序wepy框架下wx-charts的使用
wx-charts在微信小程序wepy框架下的使用 wx-charts 微信小程序主流的图表工具基于 Canvas,体积小支持图表类型饼图 pie 圆环图 ring 线图 line,scroll ...
微信小程序路径带参数跳转
微信小程序路径带参数跳转 release_con: function () {console.log(this.data.cateid)wx.navigateTo({url: '/pages/rele ...
微信小程序之select下拉框
wxml: <view class="classify-kuangjia"><view class="classify-kuangjia2"& ...

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

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

最新文章

热门文章