网络应用横幅安装

我使用的是此页面：https://developers.google.com/web/fundamentals/engage-and-retain/app-install-banners/来创建网络应用横幅安装。网络应用横幅安装

我有sw.js在公共/ admin service服务工作者/ 我已经成功服务工作者注册和我在公共/管理员在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为我点击了“添加到主屏幕”，但我修复了它，但现在点击“添加到主屏幕”，他不会触发任何东西... 它的所有好吗？

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

我已经做了一些改变，我也得到使用

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

     });

控制台“beforeinstallprompt触发的事件”，但在移动应用程序没有安装提前

感谢。 Carlos Vieira

来源

2017-04-05 Carlos Vieira

我有类似的问题。

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

来源

2017-04-07 16:59:33

非常感谢它的工作 –

网络应用横幅安装

回答

相关问题