寻求iOS平台onbeforeunload事件的替代方案（Safari移动端不支持）

确实，Safari移动端对onbeforeunload的支持一直很拉胯——不管是用户切换标签、回到主屏幕，甚至直接关闭浏览器，这个事件经常直接“罢工”。下面给你几个经过社区验证、在iOS平台靠谱的替代方案：

方案1：使用pagehide事件（首选） #

这是W3C标准定义的页面生命周期事件，Safari移动端对它的支持非常稳定，能覆盖绝大多数onbeforeunload的使用场景，包括页面卸载、被存入后退/前进缓存（bfcache）等情况。

代码示例：

window.addEventListener('pagehide', function(event) {
  // 执行你的卸载前逻辑，比如保存用户输入、清理临时数据
  if (event.persisted) {
    // 如果页面被存入bfcache，建议做轻量清理，避免影响缓存复用
    console.log('页面将被缓存，执行轻量清理');
  } else {
    console.log('页面即将被卸载，执行核心逻辑');
    saveUserFormData(); // 比如自定义的保存表单数据函数
  }
});

注意：如果你的逻辑涉及异步操作（比如接口请求），最好用navigator.sendBeacon()来发送，避免页面卸载时请求被中断：

window.addEventListener('pagehide', function() {
  const data = new FormData();
  data.append('userProgress', JSON.stringify(getUserProgress()));
  navigator.sendBeacon('/api/save-progress', data);
});

方案2：结合visibilitychange事件 #

这个事件会在页面可见性变化时触发，比如用户切换到其他App、锁屏、切换标签页。它能补充pagehide覆盖不到的场景——比如用户只是暂时离开页面但没卸载，你需要及时保存状态的情况。

代码示例：

document.addEventListener('visibilitychange', function() {
  if (document.hidden) {
    // 页面不可见时执行逻辑
    console.log('页面已隐藏，自动保存进度');
    saveUserProgress();
  }
});

方案3：多事件组合兜底 #

为了兼容少数特殊场景（比如部分旧版本Safari可能在关闭标签时触发beforeunload），可以把三个事件组合起来使用，确保万无一失：

// 保留onbeforeunload作为兜底
window.addEventListener('beforeunload', function(event) {
  event.preventDefault();
  event.returnValue = ''; // 部分浏览器需要这个才能触发提示（但Safari移动端可能不弹提示）
  saveUserFormData();
});

// 核心用pagehide
window.addEventListener('pagehide', saveUserFormData);

// 补充visibilitychange
document.addEventListener('visibilitychange', function() {
  if (document.hidden) saveUserFormData();
});

function saveUserFormData() {
  // 统一的保存逻辑
  const formData = document.getElementById('user-form').value;
  localStorage.setItem('draftForm', formData);
}

关键说明 #

根据前端规范文档，pagehide和visibilitychange都是HTML5页面生命周期的标准事件，在iOS Safari 13及以上版本中支持非常可靠，完全可以替代onbeforeunload的核心需求。需要注意的是：

• Safari移动端不会弹出onbeforeunload的确认提示框，所以不要依赖这个提示来阻止用户离开，重点放在自动保存数据上；
• 避免在这些事件中执行过于耗时的同步操作，优先用navigator.sendBeacon()处理异步请求。

内容的提问来源于stack exchange，提问作者Shmili Breuer