检测iPad全屏网络应用程序

Question

所以iPad的全屏网络应用程序功能非常酷，但我遇到了问题。

ipad的状态栏覆盖了部分页面！只是一点点，但它仍然是一个问题。我想在body元素的顶部添加填充以解决此问题，但仅限于全屏Web应用程序模式。

我对如何检测到这一点感到茫然。有没有人找到一种方法来添加填充到顶部，以便全屏Web应用程序没有重叠？

Answer 1

查看此属性...

var isRanFromHomeScreen = navigator.standalone;

这将告诉您应用程序是否已添加到主屏幕并从那里运行。