Android PWA主屏幕快捷方式

时间:2017-10-28 14:04:30

标签: progressive-web-apps workbox

我已将网站设置为PWA。使用Android Chrome浏览时,系统会提示我在主屏幕上添加一个快捷方式。当我从快捷方式启动时,我会看到一个带有X和网站信息的屏幕,以及一个Chrome选项菜单:

从快捷方式启动PWA后查看 enter image description here

当我点击十字架时,会显示一个空白的白色屏幕:

点击十字后空白屏幕
enter image description here

manifest.json包括:

    "start_url": "/default.aspx",
    "display": "standalone", 
    "orientation": "portrait",
    "theme_color": "#428BCA",
    "background_color": "#428BCA"

如果我删除了快捷方式,请清除浏览器缓存并在再次提示时重新安装,但行为无法预测。有时我上面描述的内容会发生,但在其他情况下会创建一个快捷方式,它会独立启动而没有X和站点信息栏。

我有3个问题。

1)为什么点击X会导致显示空白的白色屏幕?

2)为什么添加一个快捷方式(到同一个PWA)有时会产生一个独立的启动器,有时候会在PWA屏幕上面添加一个X和站点信息?

3)是否可以看到主屏幕上的快捷方式正在使用的网址?当PWA使用X和站点信息栏启动时,我无法抓住该URL。

由于

布赖恩

2 个答案:

答案 0 :(得分:0)

我会回答你的问题3:

您可以通过访问document.location属性以编程方式从JavaScript检查URL。出于调试目的,您可以例如。将其写入屏幕或将其记录到您的服务器或诸如此类的东西。此外,如果您能够访问Web服务器的日志,只需从主屏幕打开您的Web应用程序并同时查看日志。

答案 1 :(得分:0)

myView?.bringSubview(toFront: myView?.likedView)

你可以尝试使用它:“start_url”:“/ default.aspx?utm_source = homescreen”