2024年Android原生应用安装横幅无法显示问题求助

我们有一个关联iOS和Android应用的React网站，iOS智能应用横幅已顺利配置完成，但Android端的应用安装横幅始终无法显示。

核心疑问 #

Android的应用安装横幅是由Google Chrome自动提供，还是需要自行实现监听beforeinstallprompt事件，通过自定义横幅/按钮触发prompt()回调？

前期认知与已完成配置 #

根据iOS横幅的工作逻辑、Stack Overflow帖子及2023年相关指南，原本认为只需完成以下配置，Chrome就会自动提供横幅：

• 在public文件夹放置指定Manifest文件
• 在public文件夹提供对应尺寸的图标
• 在index.html中添加<link rel="manifest" href="/manifest.json">标签关联Manifest
• 通过HTTPS服务所有相关资源

已做检查与现状 #

已通过桌面Chrome开发者工具检查Manifest，仅存在关于Richer PWA install ui的全屏截图警告（属预期情况），且PWA可通过Android端三点菜单正常安装。但Google已移除#bypass-app-banner-engagement-checks标识，无法跳过互动校验，连续两天多次访问网站仍未触发横幅，尝试了所有旧版Stack Overflow建议均无效。

脱敏后的Manifest配置 #

{
  "short_name": "App Name",
  "name": "App Name",
  "icons": [
    {
      "src": "36x36_banner-icon.png",
      "sizes": "36x36",
      "type": "image/png"
    },
    {
      "src": "48x48_banner-icon.png",
      "sizes": "48x48",
      "type": "image/png"
    },
    {
      "src": "72x72_banner-icon.png",
      "sizes": "72x72",
      "type": "image/png"
    },
    {
      "src": "96x96_banner-icon.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "144x144_banner-icon.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "192x192_banner-icon.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "512x512_banner-icon.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "prefer_related_applications": true,
  "related_applications": [
    {
      "platform": "play",
      "id": "the.google.play.store.id",
      "url": "https://play.google.com/store/apps/details?id=the.google.play.store.id"
    }
  ],
  "start_url": ".",
  "display": "standalone"
}

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