很容易检测全屏 WebApp（即包含 <meta name="apple-mobile-web-app-capable" content="yes"> 的 WebApp）是如何启动的 - 只需检查 window.navigator.standalone
是否可以对非全屏 WebApp 执行相同操作？
我想向用户显示一个“为该网页添加书签”气泡（例如在 http://youtube.com 上），但如果网页是从主屏幕启动的，我不想显示它。
我很确定这是可能的，因为 YouTube 是一个非全屏 Web 应用程序，它不会显示“给我添加书签！”从主屏幕启动时会出现气泡
【问题讨论】：
标签： iphone web-applications mobile mobile-safari
我可能在您的问题中遗漏了一些内容，但是：window.navigator.standalone 正在告诉应用程序是否当前处于全屏模式（如果浏览器完全支持此属性）。
这意味着：如果该属性存在且为 false，则您可能需要提供书签按钮。如果它在那里并且是真的，不要显示它（应用程序已经从主屏幕运行）。如果缺少该属性，请不要显示书签按钮，因为用户代理不支持它。
例如，尝试访问 www.luscarpa.com。使用 Safari，然后将其添加到您的主屏幕并注意区别。
它还有关于全屏模式的信息（这是我了解到的）：http://www.luscarpa.com/development/make-your-website-an-iphone-web-application/
【讨论】：
<meta name="apple-mobile-web-app-capable" content="yes"> 添加到我的网络应用程序 b/c 它需要 Safari 控件才能工作（特别是我不想实现自己的后退/前进按钮栏）因为我m 不使用这个元标记，window.navigator.standalone 永远不会是真的。我想知道是否有另一种方法来确定我的应用程序是否是通过主屏幕书签启动的
<link rel="apple-touch-startup-image" href="/startup.png"> 标签不会做任何事情，除非还有 <meta name="apple-mobile-web-app-capable" content="yes"> 标签
Horace，您可以研究 Google 的注释 javascript 源代码，他们可能在他们的 YouTube 气泡检测方案中使用了这些代码，位于 http://code.google.com/p/mobile-bookmark-bubble
【讨论】：
if ('standalone' in navigator && !navigator.standalone && (/iphone|ipod|ipad/gi).test(navigator.platform) && (/Safari/i).test(navigator.appVersion)) {
document.write('<link rel="stylesheet" href="add2home.css">');
document.write('<script type="application/javascript" src="add2home.js"><\/s' + 'cript>');
}
这是来自cubiq.org/add-to-home-screen 的一个小脚本似乎可以完成工作
当然，如果您不使用 add2home 脚本，那么您应该更改文件名。
【讨论】：
查看在Safari中打开的youtube网站url，在url的最后一部分，有一个home/?bmb=1，我认为bmb=1实际上是有区别的，当你为这个页面添加书签时， url 将包含这个 bmb 变量，然后当你按下主页按钮时，在服务器端你可以检测到它并知道它来自主页按钮。
【讨论】：