10

您知道如何將一個web應用程序添加到iPhone的主屏幕...現在,我該如何檢測我的應用程序是否已添加到用戶的主屏幕蘋果手機。在iphone的主屏幕上檢測應用程序

如果已添加,我如何啓動存儲在用戶主屏幕上的應用程序,而不是在Safari中。

NOTE : its a web app simply bookmarked on the home screen of an iPhone - it is NOT a native app.

什麼想法?

+0

我不明白。 Web應用程序只能在Safari中運行。 – dasdom

+0

是的你是對的,但我希望它在全屏幕運行,沒有標題地址欄和Safari瀏覽器默認的頁腳圖標。那可能嗎 ? – smoizs

回答

26

根據Safari Web Content Guide,您必須在您的網頁中設置<meta name="apple-mobile-web-app-capable" content="yes" />才能以全屏模式顯示您的內容。

您還可以設置開機畫面,使其看起來像一個本機應用程序通過設置<link rel="apple-touch-startup-image" href="/startup.png">

編輯(檢測是否在全屏模式下運行)

你可以添加一些JS-碼你的網頁如果在全屏模式下運行,以檢測:

<script type="text/javascript"> 
if ('standalone' in navigator && !navigator.standalone && (/iphone|ipod|ipad/gi).test(navigator.platform) && (/Safari/i).test(navigator.appVersion)) { 
    __do something here__ 
} 

有關更多信息,this project可能會感興趣。

+0

好的..如果應用程序被添加到主屏幕,但沒有在Safari中,這效果很好。問題實際上是 - 如果有方法可以檢測某個應用程序是否已添加到主屏幕,並且如果有人訪問了網址 – smoizs

+0

,那麼只需編輯我的答案即可打開該應用程序,希望這有助於您。 – tilo

+0

嗨!是的,這有助於檢測網頁是否已添加到主屏幕!萬分感謝。 我想我可以解決這個問題。 – smoizs

相關問題