JS监听浏览器关闭事件本地正常 部署服务器后Firefox环境无法触发

问题根因 #

• Firefox 进程安全策略限制：当浏览器仅剩余当前一个标签/窗口时，窗口销毁流程的优先级远高于页面内异步任务执行，你代码中使用的异步$.ajax请求还没完成发起就会被浏览器直接终止，表现为关闭事件没有被检测到；当存在其他已打开窗口时，当前页面所属进程不会被立即销毁，请求可以正常发出，因此功能正常。你本地测试时一般会同时打开调试窗口、其他标签页，天然满足多窗口条件，所以本地测试全正常，部署到生产后用户单窗口访问就会复现问题。
• 代码适配缺陷：Firefox 对onbeforeunload事件的回调执行有严格限制，若回调内没有显式设置event.returnValue，部分场景下回调逻辑会被浏览器提前截断，且默认不允许异步请求在页面卸载阶段执行。

修复方案 #

1. 替换异步请求为页面卸载专用API #

不要使用普通的异步$.ajax，改用navigator.sendBeacon，这是W3C标准专门为页面卸载阶段发送请求设计的API，能保证请求在页面销毁前正常发出，不受进程终止逻辑影响，Firefox全主流版本均支持：
将你onbeforeunload部分的代码替换为以下内容：

window.onbeforeunload = function (e) {
    if (!validNavigations) {
        // 专门适配页面卸载场景的请求API，保证请求能正常发出
        navigator.sendBeacon('logout.php');
        // 兼容Firefox限制，显式设置returnValue避免回调被截断
        e.returnValue = '';
        return '';
    }
};

如果需要兼容极老版本不支持sendBeacon的Firefox，可以临时使用同步XHR替代，注意同步请求会阻塞窗口关闭，仅作为降级方案使用。

2. 修复现有代码的逻辑漏洞 #

• 当前代码中prevKey变量没有定义和赋值的逻辑，会导致Ctrl+W、Ctrl+R、Ctrl+F4等关闭/刷新快捷键的判断完全失效，建议补充按键记录的相关逻辑。
• 代码中e.keyCode == 65 + 17属于无意义的错误判断，建议直接删除，避免逻辑混乱。
• 重复绑定的keydown事件可以合并为一个，减少不必要的性能消耗。

内容的提问来源于stack exchange，提问作者julio fernandez