前端怎么判断页面非正常关闭

在前端，判断页面是否非正常关闭通常是通过监听特定的浏览器事件，例如`beforeunload`, `unload` 和 `pagehide`。这些事件在浏览器准备离开当前页面时触发，这时你可以设置自定义的行为，例如询问用户是否确定离开或者清理一些资源。

以下是一个基本的例子：

// 监听beforeunload事件
window.addEventListener('beforeunload', function(event) {
  event.preventDefault(); // 阻止默认行为（如弹窗确认）
  event.returnValue = '';
  
  // 这里可以编写你的业务逻辑，例如检查是否有需要清理的变量或资源
  var isNormalExit = checkIfNormalExit(); // 检查是否正常关闭（此处需要自定义函数）

  if (!isNormalExit) {
    console.log('页面非正常关闭');
  }
});

function checkIfNormalExit() {
  // 根据实际情况返回true表示正常关闭，false表示非正常，如用户点击浏览器标签页、使用任务管理器结束进程等
  // 示例：检查是否有未保存的表单数据或者API请求正在等待
  if (/* your conditions */) {
    return false;
  }
  return true;
}

需要注意的是，某些情况下，如用户直接关闭浏览器或者按Ctrl+Shift+R强行刷新，`beforeunload`事件可能无法触发。因此，为了提高用户体验，还可以结合其他的检测手段，比如定时检查服务器连接状态。