Android内嵌H5,安卓手机返回键点击无反应苹果手机返回键正常情况解决方案

Posted 是小橙鸭丶

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Android内嵌H5,安卓手机返回键点击无反应苹果手机返回键正常情况解决方案相关的知识,希望对你有一定的参考价值。

定义一个返回APP的方法函数如下:

function backForApp(delta = 1) 
	if (getCurrentPages().length > 1) 
		uni.navigateBack(
			delta
		);
	 else 
		bridge.close() //第一个页面、无法返回上一页  只能回到APP
	

接下来在你写的H5页面使用

created() 
	    window.clickBack= (res) =>
		    this.$router.backForApp()
	
,

这样内嵌的H5页面安卓手机返回正常

补充getCurrentPages()的知识

getCurrentPages()的使用,

getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。 注意:

不要尝试修改页面栈,会导致路由以及页面状态错误。
不要在 App.onLaunch 的时候调用 getCurrentPages(),此时page 还没有生成。

熟悉页面栈后才能更好的使用getCurrentPages(),下面将列举几种常用的使用场景:
1、利用页面栈的长度
例如:进入小程序非默认首页时,需要提供返回首页的按钮或者执行其它事件
  onShow()
    let pages = getCurrentPages(); //当前页面栈
    if (pages.length == 1)
     //todo
   
  ,

2、跨页面赋值
 let pages = getCurrentPages();//当前页面栈
 let prevPage = pages[pages.length - 2];//上一页面
  prevPage.setData(
     //直接给上移页面赋值
  );

3、页面跳转后自动刷新
 //举例
    wx.switchTab(
     url: '../index/index',
     success: function (e)
      var page = getCurrentPages().pop(); //当前页面
      if (page == undefined || page == null) return;
      page.onLoad(); //或者其它操作
    
    )

4、获取当前页面相关信息
 let pages = getCurrentPages(); //当前页面栈
 //当前页面为页面栈的最后一个元素
 let prevPage = pages[pages.length - 1];//当前页面
 or
 // pop() 方法用于删除并返回数组的最后一个元素
 let prevPage = pages.pop();//当前页面
 
 console.log( prevPage.route) //举例:输出为‘pages/index/index’

 

以上是关于Android内嵌H5,安卓手机返回键点击无反应苹果手机返回键正常情况解决方案的主要内容,如果未能解决你的问题,请参考以下文章

iOS端内嵌H5页面 点击a标签无反应

app内嵌vue h5,安卓和ios拦截H5点击事件

H5监听Android物理返回键

关于android h5内嵌网页报TypeError: Object.entries is not a function

android中怎么给h5界面设置点击监听

安卓手机h5上传excel