Navigator.getInstalledRelatedApps在安卓12/13版Chrome中失效求助

针对你遇到的问题，结合manifest配置和测试结果，以下是几个排查方向和解决办法：

1. 严格匹配Manifest关联配置 #

你的related_applications里webapp类型的url必须和实际部署的manifest地址完全一致，包括协议、域名、路径，甚至大小写（部分设备对大小写敏感）。若地址存在细微差异（比如多了结尾斜杠、域名拼写偏差），会直接导致检测失败。

尝试给related_applications添加id字段，部分安卓12设备需要该字段才能正确关联Web App：

"related_applications": [{
  "platform": "webapp",
  "url": "https://example.hostname.com/manifest.json",
  "id": "https://example.hostname.com/manifest.json"
}]

2. 适配安卓12的PWA检测逻辑 #

安卓12对Web App安装状态的校验更严格，需确保：

• PWA是通过Chrome官方「添加到主屏幕」流程安装的，而非第三方工具或手动创建快捷方式
• 站点已开启「安装应用」权限：打开Chrome设置 → 站点设置 → 找到目标域名 → 确认「安装应用」权限处于开启状态

3. 处理设备特定Chrome版本Bug #

你提到web.dev测试页面也出现相同症状，说明这是三星安卓12平板+Chrome 113.0.5672的特定兼容Bug，可尝试：

• 将Chrome升级到最新稳定版，后续版本大概率修复这类设备专属问题
• 使用临时替代方案检测PWA安装状态：通过display-mode媒体查询判断是否处于独立运行模式，代码示例：

const isPWAInstalled = window.matchMedia('(display-mode: standalone)').matches || 
                       window.matchMedia('(display-mode: fullscreen)').matches;

4. 验证Manifest必填字段完整性 #

确保name、start_url、display等字段无语法错误，且icons配置的路径可正常访问（Chrome需成功加载图标才能完成PWA安装校验）。

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