Android PWA主屏幕快捷方式

我已将网站设置为PWA。使用Android Chrome浏览器时，系统会提示添加快捷方式到主屏幕。当我从快捷方式启动我看到这样的屏幕，X和网站的信息，以及Chrome的选项菜单：Android PWA主屏幕快捷方式

查看从快捷

启动PWA后，当我点击交叉一个空白屏幕被显示这样的：一下横

在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。

感谢

布赖恩

来源

2017-10-28 BWG

按照有关如何添加到主屏幕正确这是中提到的正确方法[Web应用程序安装横幅和添加到主屏幕在Android上的Chrome]（https://developers.google.com/web/fundamentals/codelabs/your-first-pwapp/#web_app_install_banners_and_add_to_homescreen_for_chrome_on_android） – noogui

第一幅图像通常是您在PWA上看到的例子.com有一位用户点击otherexample.com的链接。您的网站是否进行任何初始导航或打开弹出窗口？也许是为了验证？如果没有看到更多的代码和您的现场，我们不太可能诊断出真正的错误。 – abraham

我来回答你的问题数3：

您可以通过编程访问document.location属性检查从JavaScript的网址。为了调试的目的，你可以例如。把它写到屏幕上或者把它记录到你的服务器或者什么东西上。另外，如果您能够访问您的Web服务器的日志，只需从主屏幕打开您的Web应用程序并同时观看日志。

来源

2017-10-30 08:48:21 pate

3) Is it possible to see the url which the shortcut on the home screen is using? When the PWA launches with the X and site information bar it is not possible to grab the url as far as I can tell.

你可以尝试使用这样的：“START_URL”：“/default.aspx?utm_source=homescreen”

来源

2017-10-31 12:42:34

Android PWA主屏幕快捷方式

回答

相关问题