页面可见性改变事件:visibilitychange

页面可见性改变事件:visibilitychange1、PC浏览器上(以谷歌浏览器为例)刷新H5页面,会触发该事件,由于刷新导致该页面消失时,会检测到document.visibilityState===‘hidden’切换页面(包括切换离开和切换回来),导致页面暂时不处于激活状态时,会触发该事件。切换离开时document.visibilityState===‘hidden’,切换回该页面时,document.visibilityS…

大家好,又见面了,我是你们的朋友全栈君。

1、PC浏览器上(以谷歌浏览器为例)

  • 刷新H5页面,会触发该事件,由于刷新导致该页面消失时,会检测到document.visibilityState === ‘hidden’
  • 切换页面(包括切换离开和切换回来),导致页面暂时不处于激活状态时,会触发该事件。切换离开时document.visibilityState === ‘hidden’,切换回该页面时,document.visibilityState === ‘visible’
  • 关闭页面窗口时,会触发该事件。关闭窗口时,document.visibilityState === ‘hidden’
  • 关闭整个浏览器时,会触发该事件。关闭整个浏览器时,document.visibilityState === ‘hidden’

说明:当页面的document.visibilityState === ‘hidden’时,是可以发送请求的

2、安卓设备上(实验于手机的微信、UC浏览器软件中)

  • 刷新H5页面,会触发该事件,由于刷新导致该页面消失时,会检测到document.visibilityState === ‘hidden’
  • 点击页面上方的 x 按钮(或是其他关闭按钮),导致页面关闭时,会触发该事件。并在关闭时,document.visibilityState === ‘hidden’
  • 切换页面(包括切换离开和切换回来),导致页面暂时不处于激活状态时,会触发该事件。切换离开时document.visibilityState === ‘hidden’,切换回该页面时,document.visibilityState === ‘visible’
  • 将页面或页面所在程序软件切换到后台,或从后台切换到前台时,会触发该事件。切换到后台时,document.visibilityState === ‘hidden’;切换到前台时,document.visibilityState === ‘visible’
  • 手势滑动关闭页面或页面所在程序软件时,document.visibilityState === ‘hidden’

说明:当页面的document.visibilityState === ‘hidden’时,是可以发送请求的

3、IOS设备上(实验于手机的微信、UC浏览器软件中)

  • 刷新H5页面,会触发该事件,由于刷新导致该页面消失时,会检测到document.visibilityState === ‘hidden’
  • 点击页面上方的 x 按钮(或是其他关闭按钮),导致页面关闭时,会触发该事件。并在关闭时,document.visibilityState === ‘hidden’
  • 切换页面(包括切换离开和切换回来),导致页面暂时不处于激活状态时,会触发该事件。切换离开时document.visibilityState === ‘hidden’,切换回该页面时,document.visibilityState === ‘visible’
  • 将页面或页面所在程序软件切换到后台,或从后台切换到前台时,会触发该事件。切换到后台时,document.visibilityState === ‘hidden’;切换到前台时,document.visibilityState === ‘visible’
  • 手势滑动关闭页面或页面所在程序软件时,document.visibilityState === ‘hidden’

说明:当页面的document.visibilityState === ‘hidden’时,是不可以发送请求的,发送的请求会被销毁掉

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/150560.html原文链接:https://javaforall.net

(0)
上一篇 2022年6月18日 下午11:00
下一篇 2022年6月18日 下午11:00


相关推荐

  • MINA 框架简介「建议收藏」

    ApacheMinaServer是一个网络通信应用框架,也就是说,它主要是对基于TCP/IP、UDP/IP协议栈的通信框架(然,也可以提供JAVA对象的序列化服务、虚拟机管道通信服务等),Mina可以帮助我们快速开发高性能、高扩展性的网络通信应用,Mina提供了事件驱动、异步(Mina的异步IO默认使用的是JAVANIO作为底层支持)操作的编程模型。Mina主要有1.x

    2022年4月6日
    74
  • Python文件写入txt_python创建文件并写入内容

    Python文件写入txt_python创建文件并写入内容文件写入txt

    2026年4月14日
    3
  • 临界区管理

    临界区管理1 临界区临界区是指必须以互斥的方式执行的代码段 也就是说临界区范围内只能由一个活动的线程 例如 修改共享变量的过程中其他的执行线程可能会访问共享变量 那么修改共享变量的代码就被看成是临界区的一部分 临界区问题指用安全 公平和对称的方式来执行临界区代码的问题 2 管理临界区的三种方法第一种方法 ifOS CRITICAL METHOD 1 defineOS ENTE

    2026年3月17日
    2
  • matlab画cdf曲线_条形图和直方图的联系

    matlab画cdf曲线_条形图和直方图的联系matlab直方图(柱状图)

    2022年8月31日
    6
  • 黑客入门,从HTB开始

    黑客入门,从HTB开始Hackthebox是国外的一个靶机平台,里面的靶机包含多种系统类型,并且里面可以利用的漏洞类型多种多样,有很多靶机其实非常贴近实战情景。因此HTB是一个很好的学习渗透测试靶场。之前在HTB也玩过一些机器。里面的机器难度有好几个档次,insane难度的一般都是极其困难的,这种机器一般让我对着大神的Writeup我可能都没有办法复现出来。之前也有在公众号上分享过几篇H…

    2022年4月26日
    55
  • 代码审计感想_代码审计是什么

    代码审计感想_代码审计是什么代码审计感想代码审计内容代码审计工具漏洞扫描漏洞扫描有以下四种检测技术:代码审计内容代码审计(Codeaudit)是一种以发现程序错误,安全漏洞和违反程序规范为目标的源代码分析。软件代码审计是对编程项目中源代码的全面分析,旨在发现错误,安全漏洞或违反编程约定。它是防御性编程范例的一个组成部分,它试图在软件发布之前减少错误。C和C++源代码是最常见的审计代码,因为许多高级语言(如Pyt…

    2025年7月7日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号