stef
stef

Reputation: 313

display: "fullscreen" in web app manifest file does not work

display: "fullscreen" in my web app manifest file does not work. When I launch the site from my home screen the display-mode is standalone.

(I checked that via window.matchMedia('(display-mode: standalone)').matches.)

But there is this article on Google Developers saying that you can use it. Is it not supported on Chrome mobile? I especially want that the statusbar at the top is not shown.

Upvotes: 3

Views: 6351

Answers (2)

jpoppe
jpoppe

Reputation: 2366

Since Chrome 58 beta/stable immersive fullscreen mode is supported for progressive web apps.

To make it work you will have to create a shortcut on your home screen and launch your web app/site with this icon.

This could be done with the Add to home screen option in Chrome for Android.

For more information see the following Chromium blog post: https://blog.chromium.org/2017/03/chrome-58-beta-indexeddb-20_21.html

Upvotes: 5

stef
stef

Reputation: 313

"fullscreen" is not supported yet. Someone from Google Developers replied that on Twitter.

Upvotes: 3

Related Questions