相當於Android的iPhone的「添加到主屏幕」？

我正在開發一個移動web應用程序。目前我有這個片段的jQuery的代碼檢查，如果應用程序正在運行全屏：相當於Android的iPhone的「添加到主屏幕」？

if (!window.navigator.standalone) 
{ 
    $('#content').before('<div class="notice">To enjoy the mobile experience to its fullest, tap the arrow button on the toolbar below, choose <b>Add to Home Screen</b>, then launch it from there.</div>'); 
}

我有幾個問題：

支持Android手機window.navigator.standalone工作？
用戶將移動Web應用程序添加到主屏幕的過程是什麼？我試圖尋找瀏覽器截圖，但沒有找到任何可靠的來源。
~~是否有相當於iPhone的「apple-touch-icon」鏈接元素？~~ 找到了answer to this here。

來源

2011-04-21 DisgruntledGoat

Web應用程序無法直接在Android主屏幕上運行。因爲它需要一些其他定製的主屏幕。現在有兩家公司正在努力從android提供一個平臺來運行Web應用程序獨立。

Obigo WRT
歌劇

在那裏你可以讓你的web應用程序的窗口小部件，然後它會在運行時上運行。目前obigo已經提供了定製的主屏幕。 Opera將在應用程序中運行Web小部件。

來源

2011-04-21 12:11:58

我有一個模擬器的快速打法，你可以書籤的網頁主屏幕（它甚至拿起蘋果觸摸圖標）。但是打開頁面並不是全屏顯示。你是否說目前沒有辦法讓Android網頁在瀏覽器中全屏顯示？ – DisgruntledGoat 2011-04-21 20:41:13

window.navigator.standalone在Chrome或Android瀏覽器上不受支持。

看來用戶現在可以手動添加到類似iOS的主屏幕，但只能在Chrome瀏覽器中使用，而不能在Android本機瀏覽器中使用。所以這隻適用於較新的Android手機。

但是，此時無法檢測它是否在獨立運行。

參閱Chrome參考： https://developers.google.com/chrome/mobile/docs/installtohomescreen

來源

2014-01-14 22:14:31

相當於Android的iPhone的「添加到主屏幕」？

回答

相關問題