如何在桌面浏览器上将我的 PWA 显示为移动应用程序

Dat*_*ise 5 ionic-framework progressive-web-apps ionic3

我有一个在 Ionic 3 中开发的 PWA。现在它在移动设备和平板电脑以及桌面浏览器上都能正常工作。

现在我的查询是当我在桌面浏览器上运行它时它会全屏显示。因此,我需要显示为移动应用程序,即屏幕中心,而不是显示全屏。

如果用户想继续使用桌面站点,我可以在该页面上提供链接按钮。

供您参考的示例网站。:https://infinity.icicibank.com/corp/AuthenticationController;jsessionid=0000BP6Q_9NOSldGNL-ae82llVM:R422963ue?bwayparam=N15frMp4TsS%2B1fi64yNCsA%3D%3D

它显示在桌面浏览器的页面中心以及桌面浏览器的选项。

我怎样才能实现这个目标?

我尝试使用 CSS 媒体查询,但它失败了,因为如果请求来自桌面浏览器,那么它会全屏显示站点。

Yin*_*sch -2

您想要在移动浏览器中显示您的应用程序,就像在下载的应用程序上一样,还是想在桌面上显示它,就像它是应用程序一样?

您的参考示例目前不可用。

如果我理解正确的话,你必须使用@ionic/angular Platform,这样你就可以选择是否在移动设备上,然后选择要选择的CSS。