javascript - 这个灯塔审计有什么问题？我可以从 http://localhost 安装 PWA

问题描述

我有一个 PWA，它通过了 Chrome 上的 Lighthouse 审核以获得可安装的 PWA，但我从未收到安装它的提示，并且“beforeinstallprompt”事件永远不会触发。刚刚检查了 Opera，也没有要求我安装 :-(

我正在使用 http://localhost 进行开发/调试，这似乎适用于其他测试，这可能是问题吗？我想在部署之前在本地测试我的定制安装提示。

显现： -

{
  "short_name": "Brotkrumen",
  "name": "Brotkrumen Web App",
  "description": "Native Background Geolocation POC",
  "icons": [
    {
      "src": "gingerbreadhouse.png",
      "sizes": "48x48 128x128 144x144 192x192 512x512",
      "type": "image/png",
      "purpose": "any"
    },
    {
      "src": "gingerbreadhouse.png",
      "sizes": "48x48 128x128 144x144 192x192 512x512",
      "type": "image/png",
      "purpose": "maskable"
    }
  ],
  "start_url": "/travelmanager.html",
  "background_color": "#00ccdd",
  "theme_color": "#00ccdd",
  "display": "fullscreen"
}

灯塔审计：-

编辑 1

请注意：- https://github.com/RichardMaher/Brotkrumen存储库可以被任何人克隆！只需将其粘贴在面向 Internet 的文件夹/目录中，然后转到“https://your.domain/TravelManager.html”，您需要一个 Google Maps API 密钥才能使用地图和至少几个 GPS 读数，然后才能使用按“到达”。

注意：使用 Edge，我确实会通过 beforeinstall 事件https://github.com/RichardMaher/Brotkrumen/blob/master/TravelManager.html Line# 117提示安装，但不是 Chrome

@Fawaz 你确定你没有添加 chrome://flags/#bypass-app-banner-engagement-checks 吗？只是我多次调用你的网站，它没有要求我安装。您是否在另一台 PC 上尝试过 Chrome？

编辑 2

男生错误 :-( 很确定我在 BrotkrumenV1 缓存“神奇地”开始工作之前清除了它。巧合？我认为不是。

标签： javascriptmobileprogressive-web-appslighthouse

javascript - 这个灯塔审计有什么问题？我可以从 http://localhost 安装 PWA

问题描述

解决方案

推荐阅读