您知道如何將一個web應用程序添加到iPhone的主屏幕...現在,我該如何檢測我的應用程序是否已添加到用戶的主屏幕蘋果手機。在iphone的主屏幕上檢測應用程序
如果已添加,我如何啓動存儲在用戶主屏幕上的應用程序,而不是在Safari中。
NOTE : its a web app simply bookmarked on the home screen of an iPhone - it is NOT a native app.
什麼想法?
您知道如何將一個web應用程序添加到iPhone的主屏幕...現在,我該如何檢測我的應用程序是否已添加到用戶的主屏幕蘋果手機。在iphone的主屏幕上檢測應用程序
如果已添加,我如何啓動存儲在用戶主屏幕上的應用程序,而不是在Safari中。
NOTE : its a web app simply bookmarked on the home screen of an iPhone - it is NOT a native app.
什麼想法?
根據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可能會感興趣。
我不明白。 Web應用程序只能在Safari中運行。 – dasdom
是的你是對的,但我希望它在全屏幕運行,沒有標題地址欄和Safari瀏覽器默認的頁腳圖標。那可能嗎 ? – smoizs