很容易检测全屏 WebApp(即包含 <meta name="apple-mobile-web-app-capable" content="yes"> 的 WebApp)是如何启动的 – 只需检查 window.navigator.standalone
是否可以对非全屏 WebApp 执行相同的操作？
我想向用户显示“为此网页添加书签”气泡(如 http://youtube.com )，但如果网页是从主屏幕启动的，我不想显示它。
我非常确定这是可能的，因为 YouTube 是一个非全屏 Web 应用程序，并且它不显示“为我添加书签!”从主屏幕启动时出现气泡
最佳答案
我可能遗漏了您问题中的某些内容，但是:window.navigator.standalone 正在告诉应用程序是否当前处于全屏模式(如果浏览器完全支持这个属性)。
这意味着:如果该属性存在并且为 false，您可能需要提供书签按钮。如果它存在且属实，则不要显示它(应用程序已从主屏幕运行)。如果缺少该属性，则不显示书签按钮，因为用户代理不支持它。
例如，尝试访问 www.luscarpa.com。使用 Safari，然后将其添加到主屏幕上，您会注意到其中的差异。
它还有有关全屏模式的信息(这是我了解到的):http://www.luscarpa.com/development/make-your-website-an-iphone-web-application/
关于iphone - 检测非全屏 WebApp 的加载方式(主屏幕 v. Safari)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8441868/