检测 iPad 全屏 web-app

Question

所以 iPad 的全屏网络应用功能非常酷，但我有一个问题。

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

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

Answer 1

看看这个属性...

var isRanFromHomeScreen = navigator.standalone;

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