Android PWA主屏幕快捷方式
问题描述:
我已将网站设置为PWA。使用Android Chrome浏览器时,系统会提示添加快捷方式到主屏幕。当我从快捷方式启动我看到这样的屏幕,X和网站的信息,以及Chrome的选项菜单:Android 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。
感谢
布赖恩
答
我来回答你的问题数3:
您可以通过编程访问document.location属性检查从JavaScript的网址。为了调试的目的,你可以例如。把它写到屏幕上或者把它记录到你的服务器或者什么东西上。另外,如果您能够访问您的Web服务器的日志,只需从主屏幕打开您的Web应用程序并同时观看日志。
答
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”
按照有关如何添加到主屏幕正确这是中提到的正确方法[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