实时聊天室开发中window.onbeforeunload事件提前执行问题求助

你遇到的执行顺序问题确实是PHP运行机制导致的：PHP是服务端语言，所有内嵌在HTML/JS中的PHP代码，都会在页面从服务端输出到浏览器之前就完成执行，和前端JavaScript的事件触发没有任何关联。你把<?php exit_message(); ?>写在onbeforeunload的函数体内，本质是页面加载阶段就已经调用了插入退出消息的函数，自然会出现每次访问页面就插入退出记录的问题。

1. 单独编写后端退出接口 #

新建一个exit_api.php文件，用来处理退出消息插入逻辑，同时做会话校验避免恶意调用：

<?php
session_start();
require('./essentials.php');
// 可自行补充登录状态校验逻辑，避免未授权调用
if (isset($_SESSION['user_id'])) {
    exit_message();
}
?>

2. 修改前端onbeforeunload逻辑 #

不要直接内嵌PHP代码，而是用浏览器提供的navigator.sendBeacon方法发送异步请求，这个方法是浏览器专门为页面卸载场景设计的，会保证请求尽可能发送完成，不会被页面卸载中断：

window.onbeforeunload = function() {
    conn.close(1000, 'Closed page');
    // 调用退出接口
    navigator.sendBeacon('./exit_api.php');
}

你已经用到了WebSocket连接，更稳妥的实现方式是直接在WebSocket服务端监听连接关闭事件，触发后直接调用exit_message()插入退出记录。这种方案不受前端页面崩溃、网络突然断开等异常场景影响，不会出现退出消息漏发的情况。

内容的提问来源于stack exchange，提问作者Adi B.