Android 11下Google PWA设全屏却仅显独立模式的问题

• 系统权限管控限制：Android 11对应用全屏模式的权限要求更严格，manifest里的display: fullscreen仅能实现Web层面的全屏（隐藏浏览器自身UI），无法直接触发系统级的沉浸式全屏（隐藏系统导航栏）。系统导航栏属于系统级UI，需要额外的API请求才能隐藏。

• 未配合使用Web Fullscreen API：仅靠manifest配置不够，需要在PWA启动后通过Web Fullscreen API主动请求系统级全屏。示例代码：

// 需由用户交互触发（如页面内按钮点击、PWA激活事件监听）
async function requestSystemFullscreen() {
  try {
    await document.documentElement.requestFullscreen({
      navigationUI: "hide"
    });
  } catch (err) {
    console.error("全屏请求失败:", err);
  }
}

注意：浏览器要求全屏API必须由用户主动交互触发，不能在页面加载时自动调用，否则会被拦截。

• Chrome版本兼容性问题：部分旧版本Chrome对PWA的fullscreen特性支持存在缺陷，建议将Chrome更新至最新稳定版，确保对Web Fullscreen API和PWA全屏逻辑的支持完善。

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