如何通过JavaScript检测iPhone用户是否尝试退出页面及进入应用画廊模式？

• 没有专门监听“上滑Home键进入应用画廊”的专属事件：iOS Safari并没有为这个系统级操作提供对应的原生监听事件，这类应用切换行为属于系统层面，浏览器没有暴露精准触发的接口。

• 可以用页面可见性相关事件替代监听：

  • visibilitychange 事件：当页面从可见变为不可见（包括进入应用画廊、切换到其他App、锁屏）时会触发，配合document.hidden属性判断状态：

    document.addEventListener('visibilitychange', () => {
      if (document.hidden) {
        // 页面不可见，可能是进入了应用画廊、切App或锁屏
        console.log('页面已隐藏');
      } else {
        // 页面重新回到前台
        console.log('页面已恢复显示');
      }
    });
    

  • pagehide 事件：页面被隐藏时触发，时机比visibilitychange稍晚，且没法区分是进入后台还是关闭页面。
  • beforeunload 事件：只在页面即将卸载（比如关标签、刷新）时触发，不会在进入应用画廊时触发，不适合这个场景。

• 注意局限性：
  这些事件都没法精准区分“上滑进应用画廊”和其他导致页面不可见的操作，只能判断页面可见性的变化。如果要精准识别这个特定操作，目前JS层面做不到——因为这是系统级行为，浏览器没开放相关API。

内容的提问来源于stack exchange，提问作者Leon Schwanitz