本文探讨了在小程序中，安卓设备跳转到H5页面时出现白屏，以及iOS设备跳转缓慢的问题。通过分析代码，作者发现了使用`eventChannel`传递参数导致的问题，并提出了解决方案：直接在URL中附带参数，从而显著提高了跳转速度。此外，还分享了优化后的代码片段，展示了如何正确地在小程序和web-view.js之间传递参数，以实现快速且稳定的跳转。
在小程序使用 跳转到h5时 安卓白屏 ios正常 跳转的过程非常慢
跳转去web-view.js代码
gotoWebview(toUrl) {
wx.navigateTo({
url: '/pages/webview/webview',
success: function (res) {
res.eventChannel.emit('from', { url: toUrl })
}
})
},
web-view.js代码
let weburl;
const eventChannel = this.getOpenerEventChannel();
eventChannel.on('from', function (data) {
weburl=data.url;
});
this.setData({
src: weburl
});
修改之后
跳转去web-view.js代码
gotoWebview(toUrl) {
wx.navigateTo({
url: '/pages/webview/webview?url='+toUrl,
})
},
web-view.js代码
let weburl;
if(option.url){
weburl = option.url;
}
return this.decodeURIComponent(weburl);
发现问题是不能使用下面的代码带参数去web-view，暂时不知道什么原因，修改之后跳转小程序也快了很多。
const eventChannel = this.getOpenerEventChannel();
eventChannel.on('from', function (data) {
weburl=data.url;
});
扫一扫
5329
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
