首页 > 其他分享 >webView中,无法利用JS监听APP原生返回后事件

webView中,无法利用JS监听APP原生返回后事件

时间:2024-08-30 16:26:48浏览次数:7  
标签:返回 APP JS webView 监听 页面

描述:用uniapp开发的APP,内容页用webView内嵌的h5做的;现在有个需求,在A页面点击新增,uni.navigateTo 打开B页面,然后在B页面新增修改完数据之后,uni.navigateBack 返回A页面;需要在A页面监听;当页面回到A的时候刷新数据;
问题:在A页面用js无法监听到页面返回了;
尝试监听方案:
1、只能监听页面显示,如APP退到后台重新打开等,如果是uni.navigateBack回退的话不生效
document.addEventListener('visibilitychange', function () {
if (document.visibilityState === 'visible') {
//用完后清空
console.log("页面显示");
//刷新当前页面
location.reload();
}
});
2、监听返回后刷新 不生效
window.addEventListener('popstate', function () {
console.log("页面返回");
location.reload();
});

总结:在webView页面中,无法通过纯JS去监听到原生返回

标签:返回,APP,JS,webView,监听,页面
From: https://www.cnblogs.com/mufuhu/p/18388981

相关文章

  • WPF automatically fill WrapPanel
    //xaml<Windowx:Class="WpfApp309.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.mi......
  • SolidJS-多文件间传递同一个信号量
    SolidJS-多文件间传递同一个信号量现在我在controlPanel.tsx中返回了一个控制面板(HTML代码),可以控制node、link、step1和step2的值。在matrixWave.tsx中我根据node、link、step1和step2的值进行数据的过滤,然后生成对应的matrixWave的SVG图。因此,我希望在web中对node、link、step1......
  • lambdaQueryWrapper及动态获取字段名
    实体对象importcom.baomidou.mybatisplus.annotation.TableField;importlombok.Data;@Data@Table("")publicclassUser{privateLongid;@TableField("t_name")privateStringname;@TableField("t_age")priv......
  • 地图APP开源项目分享,免费影像数据API开发更便捷!
    在APP开发中集成卫星影像数据API可以极大地丰富应用程序的功能和用户体验,星图云APP自助开源项目则恰好为广大的开发者提供了一个简单又快速的实现方式。星图云APP开源项目介绍:本项目是一个开源的移动应用开发模版,旨在帮助人们快速搭建一个具备数字地球基本功能的应用程序,并根据......
  • js逆向之常用算法
     [Python]encode&decodefromurllibimportparse#url进行编码与解码url='你好啊'url_encode=parse.quote(url)print('url编码后:',url_encode)url_decode=parse.unquote(url_encode)print('url解码后:',url_decode)url_encode......
  • uniapp 微信小程序 支付
    <template> <viewclass="wrap">  <viewclass="payComplete">   <imageclass="img"src="@/static/image/index/6.png"/>   <textclass="adress">支付完成后填写</text> ......
  • uni-app之camera组件-人脸拍摄
    小程序录制视频;10-30秒;需要拍摄人脸,大声朗读数字(123456)这种。1.camera组件camera页面内嵌的区域相机组件。注意这不是点击后全屏打开的相机camera只支持小程序使用;官网链接1.2效果图 1.3页面布局camera设置宽100%,高度通过uni.getSystemInfo获取,全屏展示。在通过定位......
  • CSS、JS之动态展开式菜单
    效果演示实现了一个可展开菜单按钮的效果,点击按钮会弹出一个菜单列表,菜单列表中包含多个选项。按钮的样式为一个圆形背景,中间有三条横线,表示可以展开。当按钮被点击后,三条横线会变成一个叉号,表示可以收起。菜单列表的样式为一个白色背景,四周有阴影,包含多个选项,每个选项都有......
  • CSS、JS之密码灯登录表单
    效果演示实现了一个登录页面,包括一个标题、两个输入框(用户名和密码)、一个登录按钮和一个眼睛图标。点击眼睛图标可以显示或隐藏密码。页面背景有两个圆形的半透明元素,整个页面使用了flex布局,并且在水平和垂直方向上都居中对齐。登录框使用了阴影效果和圆角边框,并且在水平和......
  • CSS、JS之滚动导航栏
    效果演示实现了一个滚动导航栏,包括一个固定在页面顶部的导航栏和四个全屏高度的区块。导航栏的背景颜色为半透明黑色,高度为60px,导航链接为白色,字体大小为30px,链接之间有15px的间距。当鼠标悬停在链接上时,下划线会出现。四个区块的背景颜色分别为#95e1d3、#eaffd0、#fce38a......