All geek questions in one place

IPad Full Screen Web App Detection

So, the full-featured iPad web application is completely super, but I have a problem with it.

The ipad status bar closes part of the page! A little, but it's still a problem. I would like to add a padding to the top of the body element to account for this, but ONLY in the full screen mode of the web application.

I do not understand how to detect this. Has anyone found a way to add a padding to the top so that the full-screen web application does not overlap?

+4
source share
1 answer

Check this property ...

 var isRanFromHomeScreen = navigator.standalone;

This will tell you if your application is added to the home screen and from there.

+6
source

Source: https://habr.com/ru/post/1416091/

More articles:


All Articles