javascript - org - progressive web app home screen




用於iPhone上“添加到主屏幕”的JavaScript? (4)

在JavaScript中,這是不可能的,但是在“Web剪輯”的幫助下,我們可以在iPhone中創建“添加到主屏幕”圖標或快捷方式(通過.mobileconfig的代碼文件)

https://developer.apple.com/library/content/documentation/NetworkingInternet/Conceptual/iPhoneOTAConfiguration/ConfigurationProfileExamples/ConfigurationProfileExamples.html

http://appdistro.cttapp.com/webclip/

在創建mobileconfig文件後,我們可以在iPhone Safari瀏覽器安裝證書中傳遞此URL,並在完成後檢查您的iPhone主屏幕上是否有Web頁面或Web應用程序的快捷方式圖標。

是否可以在Mobile Safari的書籤菜單中使用Javascript來模擬添加到主屏幕選項?

類似於IE的window.external.AddFavorite(location.href, document.title); 可能?


在MobileSafari中添加任何書籤的唯一方法(包括主屏幕上的書籤)與內置用戶界面一起使用,並且蘋果不提供任何方式來從頁面內的腳本執行此操作。 事實上,我很確定在桌面版的Safari上沒有這樣做的機制。


有一個開源的Javascript庫提供了相關的東西: mobile-bookmark-bubble

Mobile Bookmark Bubble是一個JavaScript庫,在您的移動Web應用程序的底部添加了一個促銷泡泡,邀請用戶將應用程序添加到他們設備的主屏幕。 該庫使用HTML5本地存儲來跟踪該促銷是否已經顯示,以避免不斷嘮叨的用戶。

該庫的當前實現專門針對iPhone和iPad設備上使用的Web瀏覽器Mobile Safari。








homescreen