首页 > 其他分享 >页面返回后刷新

页面返回后刷新

时间:2024-04-07 17:15:40浏览次数:17  
标签:返回 false hasJump 刷新 document 页面

前言:在跳页面返回时需要获取最新数据,经过测试,android会自动刷新,但是ios不会,所以为了用户体验,需要处理下。

// 监听页面被进入
document.addEventListener('visibilitychange', () => {
alert('页面被进入')
}, false);

 但是经过本地测试,会 alert 2次

所以优化为:

var hasJump=false;
document.addEventListener('visibilitychange', () => {//监听页面进入 为了保证跳转回来次数增加
    if(!hasJump){
        hasJump=true;
//        console.log(1)
        window.location.reload();//返回刷新
        setTimeout(function(){
            hasJump=false;
        },2000)
    }            
}, false);

 

标签:返回,false,hasJump,刷新,document,页面
From: https://www.cnblogs.com/redFeather/p/17700157.html

相关文章

  • 在使用set添加对象的时候,重写了hashcode方法后,为什么equals返回的仍是false,如何理解ha
    /**1.对象的哈希码值和内存地址值不是一回事;*2.如果自定义类不复写Object类中的equals方法,那么equals比较的就是两个对象的内存地址值。*//***下面证明了hash值和内存地址的关系*一、当没有重写hashCode()方法的时候,*S......
  • uni 分享打开第三方小程序指定页面 短链生成二维码 二维码分享好友
    难点1:怎么在自己小程序拿到其他小程序短链难点2:怎么通过短链生成二维码难点3:怎么通过短链点击自动打开第三方小程序的某个页面难点4:不是通过右上角的三个点触发而是自己点击按钮进行触发分享难点5:引入第三方插件难点6:base64转小程序本地图片难点7:分享本地图片给微信好友......
  • vuejs3.0 从入门到精通——网页图形绘制:登录页面
    网页图形绘制:登录页面安全升级,JS动态生成图片验证码功能一、实验目标掌握Canvas的基本用法。掌握使用Canvas绘制文本的方法。掌握使用Canvas绘制线段的方法。掌握使用Canvas导出图片的方法。掌握JS的基本语法和程序结构。掌握JS函数的定义和应用。掌握JS数......
  • mysql数据库连接:返回list和dict格式
    importpymysqlfromapi.conf.settingimportmysql_infoclassHandleDb:def__init__(self):#连接数据库self.conn=pymysql.connect(host=mysql_info["host"],#mysql服务器ip或者域名user=mysql_info[&qu......
  • 【QT入门】 无边框窗口设计之综合运用,实现WPS的tab页面
    往期回顾:【QT入门】无边框窗口设计之实现窗口阴影-CSDN博客【QT入门】无边框窗口设计之实现圆角窗口-CSDN博客【QT入门】无边框窗口设计综合运用之自定义标题栏带圆角阴影的窗口-CSDN博客 【QT入门】无边框窗口设计之综合运用,实现WPS的tab页面一、最终效果 实现......
  • 归并排序 返回逆序数 python
    defmerge_sort_and_count_inversions(arr):n=len(arr)ifn<=1:returnarr,0#如果n小于等于1,数组已经有序,直接返回数组本身和逆序数0mid=n//2left_lst,inv_left=merge_sort_and_count_inversions(arr[:mid])#对左半部分进行递......
  • selenium框架之浏览器页面操作
    一、页面操作首先,前期我们将Chrome驱动添加到环境变量了,所以我们可以直接初始化界面。fromseleniumimportwebdriver#初始化浏览器为chrome浏览器driver=webdriver.Chrome().........#关闭浏览器driver.close()Selenium是一个用于自动化浏览器操作的工具,可以用于......
  • uniapp选择退出到指定页面
    方法一:返回上n层页面onUnload(){ uni.navigateBack({ delta:5,//返回上5层 }) },方法二:关闭当前页面,跳转到应用内的某个页面。uni.redirectTo({ url:"../home/index"//页面地址 })方法三:关闭所有页面,打开到应用内的某个页面。(导航栏页面)uni.reLaunc......
  • [转]Docker部署Firefox容器,实现远程浏览器查看内网服务,如登录路由器配置页面等
    类似的镜像很多人都做过,找了一个start数比较多的jlesage/firefox,这个在github上有详细使用说明,我使用docker-compose.yml文件内容如下:version:'3'services:firefox:container_name:firefoximage:jlesage/firefoxports:-"5800:5800"volu......
  • 使用 Debugger 断点 如果打开了断点调试 就会跳转空白页面
    <!DOCTYPEhtml><html><header><title>test</title></header><body><h1>test</h1></body><script>setInterval(function(){varsta......