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

时间:2019-01-24 07:38:42

标签: ionic-framework ionic3 progressive-web-apps

我有一个用Ionic 3开发的PWA。现在,它可以完美地在移动设备和平板电脑以及台式机浏览器上正常工作。

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

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

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

它显示在桌面浏览器的页面中心,并带有桌面浏览器的选项。

如果您知道我该如何实现,请现在让我来。

非常感谢。 达特里

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

1 个答案:

答案 0 :(得分:-1)

Hy Dattatray

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

您的参考示例目前无法使用。

如果我理解的正确,那么您必须使用@ ionic / angular Platform,以便您选择是否在移动设备上,然后选择要选择的CSS。

如果这不是您所期望的,我希望我们可以一起弄清楚您的问题到底是什么:D