Question

我正在使用此页面：https://developers.google.com/web/fundamentals/engage-and-retain/app-install-banners/来创建一个Web应用程序横幅安装。

我在公共/ admin /中将sw.js作为服务工作者我已成功注册了服务人员我在public / admin中也有manifest.json，就像这样

{
  "name": "Web App Install",
  "short_name": "Admin",
  "icons": [
    {
      "src": "/admin/mstile-70x70.png",
      "sizes": "36x36",
      "type": "image/png"
    },
    {
      "src": "/admin/mstile-70x70.png",
      "sizes": "48x48",
      "type": "image/png"
    },
    {
      "src": "/admin/mstile-70x70.png",
      "sizes": "72x72",
      "type": "image/png"
    },
    {
      "src": "/admin/mstile-70x70.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "/admin/mstile-70x70.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "/admin/mstile-70x70.png",
      "sizes": "192x192",
      "type": "image/png"
    }
  ],
  "start_url": ".",
  "display": "standalone",
  "related_applications": [{
            "platform": "web"
        }],
    "related_applications": [],
    "prefer_related_applications": false
}

在开发工具中

服务工作者的链接是：https://01f1c2fb.ngrok/admin/pt

manifest.json的链接是https://01f1c2fb.ngrok/admin/manifest.json

但是我在尝试安装网络应用时遇到错误错误是

“无法安装站点：未检测到匹配的服务工作者。您可能需要重新加载页面，或检查当前页面的服务工作者是否也控制清单中的起始URL”

请有人帮助我。

我在admin中添加一个文件夹/ pt作为admin / pt 并添加了manifest.json。当我点击“添加到主屏幕”但我修复了它时出现了一些图像错误但现在点击“添加到主屏幕”他没有发射任何东西...... 现在一切都好吗？

我试过我的手机但没有安装...... 有人可以帮忙吗谢谢卡洛斯·维埃拉

我已经做了一些改变而且我得到了 “在控制台中使用

启动了”beforeinstallprompt事件“

window.addEventListener('beforeinstallprompt', function(e) {
          console.log('beforeinstallprompt Event fired');

        });

但未安装移动应用

提前致谢。卡洛斯·维埃拉

Answer 1

我有类似的问题。

您在 public / admin / 中有 sw.js 文件，这是错误的。将其移至根目录/ ，serviceWorker应该初始化。

网络应用横幅安装

1 个答案: