Skip to content

detectAppSafeAreaProfile

检测应用 safe-area 配置档:Capacitor 原生 / 移动浏览器 / 桌面。

前置依赖

依赖参数

参数名类型说明
deps.isCapacitorNativePlatform() => boolean是否 Capacitor 原生
deps.userAgentNavigator['userAgent']UA 字符串
deps.hasTouchboolean是否支持触摸
deps.innerWidthWindow['innerWidth']视口宽度

函数签名

typescript
function detectAppSafeAreaProfile(
  deps: DetectAppSafeAreaProfileDeps,
): AppSafeAreaProfile

function isStandaloneMobileDisplay(
  deps: IsStandaloneMobileDisplayDeps,
): boolean

参数

参数名类型必填说明
depsDetectAppSafeAreaProfileDeps环境探测依赖

返回值

类型说明
AppSafeAreaProfile'capacitor-native' | 'mobile-browser' | 'desktop'

工作原理

  1. Capacitor 原生优先返回 capacitor-native
  2. Electron UA 或桌面视口返回 desktop
  3. 移动 UA + 触摸 + 窄视口返回 mobile-browser,否则 desktop