如何在跨平台Ionic应用运行时检测其他App是否处于PiP模式？

visibilitychange事件确实无法满足你的需求——它仅识别应用整体进入后台（hidden）或前台（visible）的状态，而当其他App以PiP悬浮窗覆盖在你的应用上方时，你的应用仍处于前台活跃状态，因此该事件不会触发。

以下是针对Android和iOS平台的具体解决方案：

Android 端实现 #

Android系统提供了窗口遮挡检测的原生能力，你可以通过Cordova插件直接调用：

1. 安装窗口检测插件

ionic cordova plugin add cordova-plugin-android-window-overlay-detection

2. 在Ionic代码中监听遮挡状态

// 声明插件全局变量
declare var WindowOverlayDetection: any;

// 启动遮挡检测
WindowOverlayDetection.startDetection((isOverlayDetected: boolean) => {
  if (isOverlayDetected) {
    stopTimer();
  } else {
    startTimer();
  }
});

// 页面销毁时停止检测（避免内存泄漏）
ionViewWillLeave() {
  WindowOverlayDetection.stopDetection();
}

该插件会实时检测是否有其他悬浮窗口（包括PiP模式）覆盖在应用界面上方，触发回调返回检测结果。

iOS 端实现 #

iOS没有直接的遮挡检测API，但可以通过遍历窗口层级判断是否有其他窗口在当前应用窗口之上：

1. 自定义Capacitor插件（或使用现有插件）
   在iOS原生代码中实现窗口检测逻辑：

import Capacitor

@objc(OverlayDetectionPlugin)
public class OverlayDetectionPlugin: CAPPlugin {
    @objc func checkOverlayStatus(_ call: CAPPluginCall) {
        guard let scene = UIApplication.shared.connectedScenes.first as? UIWindowScene,
              let mainWindow = scene.windows.first else {
            call.resolve(["hasOverlay": false])
            return
        }
        
        // 检查是否有非主窗口且层级更高的可见窗口
        let hasOverlay = scene.windows.contains { window in
            window != mainWindow && !window.isHidden && window.windowLevel > mainWindow.windowLevel
        }
        
        call.resolve(["hasOverlay": hasOverlay])
    }
}

2. 在Ionic代码中调用插件

import { Plugins } from '@capacitor/core';
const { OverlayDetectionPlugin } = Plugins;

// 定时检测遮挡状态（可根据需求调整间隔）
const overlayCheckInterval = setInterval(async () => {
  const result = await OverlayDetectionPlugin.checkOverlayStatus();
  if (result.hasOverlay) {
    stopTimer();
  } else {
    startTimer();
  }
}, 1000);

// 页面销毁时清除定时器
ionViewWillLeave() {
  clearInterval(overlayCheckInterval);
}

注意事项 #

• Android端部分机型可能需要授予SYSTEM_ALERT_WINDOW权限才能检测第三方悬浮窗，可在插件配置中添加权限声明。
• iOS端的窗口检测依赖于遍历系统窗口层级，需确保插件拥有足够的权限，且仅能检测系统允许的窗口类型。

内容的提问来源于stack exchange，提问作者Syed Muhammad Mohsin Ali Naqvi