首页 > web前端 > js教程 > Web 开发中如何可靠地区分页面刷新和浏览器关闭?

Web 开发中如何可靠地区分页面刷新和浏览器关闭?

Susan Sarandon
发布: 2024-11-04 22:22:01
原创
1073 人浏览过

How to Reliably Differentiate Between Page Refreshes and Browser Closures in Web Development?

区分浏览器操作:刷新与关闭

在 Web 开发中,区分 ONUNLOAD 事件期间的页面刷新和浏览器关闭可能会带来挑战。这是一个利用 HTML5 本地存储和客户端/服务器通信的解决方案:

  1. 页面卸载:

    • 实现 onunload 事件处理程序在窗口上,例如 myUnload()。
    • 将本地存储标志 myUnloadEventFlag 设置为当前时间戳。
    • 通知服务器在某些情况下可能会发生断开连接(例如浏览器关闭)通过 AJAX 调用 (askServerToDisconnectUserInAFewSeconds()) 秒。
  2. 页面加载:

    • 实现 onload 事件处理程序在 body 上,例如 myLoad()。
    • 从本地存储中检索 myUnloadEventFlag 并将其与当前时间戳进行比较。
    • 如果上一个卸载事件与当前卸载事件之间的持续时间小于 10秒,可能是重新加载(通过askServerToCancelDisconnectionRequest()取消断开连接请求)。
    • 如果持续时间大于10秒,则可能是浏览器关闭。
  3. 服务器端:

    • 收集列表中的断开连接请求,并设置一个计时器线程(例如,每 20 秒)来检查列表。
    • 当断开连接请求超时(例如,5 秒后)时,断开用户连接。
    • 如果收到取消请求,则从列表中删除相应的断开连接请求。

这种方法还可以区分选项卡/窗口关闭、关注的链接和提交的表单。它适用于支持 HTML5 本地存储的浏览器,并且比依赖于光标位置等特定事件属性更可靠。

以上是Web 开发中如何可靠地区分页面刷新和浏览器关闭?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板