检查的iOS主页上安装 - HTML5

Question

我最近买了一个iPod，这样我可以测试在iOS上我自己的HTML5游戏，而环顾四周，我发现这个HTML5应用：

http://www.apple.com/webapps/games/goldnuggets.html

如果加载的页面从iPod或iPhone中，您将可以玩游戏。

我觉得这个应用程序令人难忘的是，当您尝试加载它时，它会强制您在播放之前将其“安装”（保存）到您的主页。这样做的好处是，HTML5应用程序在从主页启动时可以获得全屏幕区域，就像普通的iOS应用程序（而不是被地址栏和底部的命令栏所掩盖）。

我想知道如何检查应用程序是否已添加到主页（而不是实际的“添加到主页”功能 - 根据此线程是不可能的Javascript for "Add to Home Screen" on iPhone?）。

我当然可以使用额外的100像素，它可以让我轻松创建具有匹配接口的iOS版本和HTML5版本，以及更好的用户体验。

任何想法？ Google搜索对我来说没有任何意义。

Answer 1

TL; DR window.navigator.standalone

而且你需要的一切在http://www.bennadel.com/blog/1950-Detecting-iPhone-s-App-Mode-Full-Screen-Mode-For-Web-Applications.htm

祝你好运！

Answer 2

一个想法是添加通过JavaScript书签/最喜欢的（从onclick事件调用）：

window.external.AddFavorite(url + "?somevariablethatsaysitisok=true", "MyGameName");

我以为会为iOS的Safari浏览器正常工作。

在URL的一部分，你可以传递一个参数，当它被设置时，允许玩游戏。如果未设置，则只显示书签链接

您可以通过任一浏览器检测serverside，或者如果我没有正确使用javascript的navigator.userAgent或navigator.appVersion来查看它是否包含iPhone/iOS。当然我会做一些测试来确保你得到确切的字符串，但这是一般的想法。