檢查的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。當然我會做一些測試來確保你得到確切的字符串，但這是一般的想法。