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

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

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

1. 页面卸载：

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

2. 页面加载：

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

3. 服务器端：

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

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

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