app中嵌入html5页面,(移动端)在APP中嵌入H5网页,返回上一步&返回APP菜单首页...

您所在的位置:网站首页 网页嵌入app返回按钮 app中嵌入html5页面,(移动端)在APP中嵌入H5网页,返回上一步&返回APP菜单首页...

app中嵌入html5页面,(移动端)在APP中嵌入H5网页,返回上一步&返回APP菜单首页...

2024-05-30 19:45| 来源: 网络整理| 查看: 265

H5页面中:返回上一步固定写法(前端实现:使用vue框架的返回上一步语法即可):

methods:{

backforward(){

this.$router.back(-1); // 返回上一步

},

H5页面中:返回APP个人菜单首页写法(前端无法返回,需调用APP负责人那边写的返回函数)

// 核心思想:判断手机是android还是ios系统,然后调用htmlBack方法返回(该方法是APP负责人写的返回个人菜单中心页面方法,方法名可自定义)

methods:{

backforward(){

// 返回APP菜单中心页面

let that= this;

var u = navigator.userAgent;

var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端

var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

//判断手机:是Ios终端还是android终端

if(isAndroid){

window.quotationSystem.htmlBack();

}else if(isiOS){

//Toast("IOS")

this.$bridge.callhandler('htmlBack', '', (data) => {

// 处理返回数据

//Toast(data);

});

}else{

this.$toast("返回操作失败")

}

}

}



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3