Skip to content

bootstrapAppSafeArea

--app-safe-area-* 写到根节点。业务包传入 Capacitor / window 探测结果。

函数签名

typescript
function bootstrapAppSafeArea(deps: {
  root: { style: { setProperty: (name: string, value: string) => void }; dataset: Record<string, string | undefined> }
  isCapacitorNativePlatform: () => boolean
  userAgent: string
  hasTouch: boolean
  innerWidth: number
  matchMedia: (query: string) => { matches: boolean }
  navigatorStandalone?: boolean
}): void

工作原理

内部调用 detectAppSafeAreaProfileapplyAppSafeAreaCssVars。Capacitor 原生与 iOS 跟随 env(safe-area-inset-*);Android 网页钉为 0px