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

Question

我有一个PWA，它是用Ionic3开发的，现在它在移动设备和平板电脑以及桌面浏览器上都工作得很好。

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

我可以给网页上的链接按钮，如果用户想继续与桌面网站。

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

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

我如何才能做到这一点？

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

Answer 1

你想在你的移动浏览器中显示你的应用程序，就像在下载的应用程序上一样，还是想在你的桌面上显示它，就像它是应用程序一样？

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

如果我没理解错的话，你必须使用@ionic/angular Platform，这样你就可以选择是否在移动设备上，然后选择选择哪一个css。