龙空技术网

微信小程序内嵌H5实现点击回退按钮关闭webview

快码师 103

前言:

眼前姐妹们对“h5回退”可能比较关切,大家都想要分析一些“h5回退”的相关知识。那么小编同时在网上网罗了一些关于“h5回退””的相关文章,希望朋友们能喜欢,朋友们一起来学习一下吧!

点击微信小程序原生左上角的“返回”按钮,当h5页面是一级页面的时候,直接关闭webview。

// 一级页面-判断是否在微信小程序里

if(fast.device.isWxMiniProgram()) {

// 引入微信小程序jssdk

$("#js_wx_mini").attr('src',"/js/jweixin-1.3.2.js");

// 监听页面显示事件

window.addEventListener('pageshow',function (event) {

$(".fast-dialog input.weui-check").prop("checked",false);

});

// 监听浏览器回退事件

window.addEventListener('popstate',function(event) {

// 关闭小程序里的 WebView

wx.miniProgram.navigateBack();

});

}

// 二级页面-判断是否在微信小程序里

if(fast.device.isWxMiniProgram()) {

$(".btn-back").click(function() {

// 添加一条历史记录

window.history.pushState(null,null,$(this).attr("href"));

// 替换当前页面

window.location.replace($(this).attr("href"));

return false;

});

}

标签: #h5回退 #h5回退到app页面