it-swarm.asia

IPhone上的“添加到主屏幕”的Javascript?

是否可以使用Javascript模拟Mobile Safari书签菜单中的“添加到主屏幕”选项?

可能与IE的window.external.AddFavorite(location.href, document.title);类似的东西?

103
Kerrick

在MobileSafari中添加任何书签(包括主屏幕上的书签)的唯一方法是使用内置UI,并且Apples不会提供从页面内的脚本执行此操作的任何方式。事实上,我很确定在桌面版Safari上也没有这样做的机制。

49
Louis Gerbarg

在Safari实施Service Worker并遵循Chrome和Firefox设置的方向之前,无法以编程方式将应用程序添加到主屏幕,或者让浏览器提示用户

但是,有一个小型库可以提示用户这样做,甚至指向正确的位置。工作一种享受。

https://github.com/cubiq/add-to-homescreen

60
Craig

另一个触发“添加到主屏幕”弹出窗口的脚本: http://cubiq.org/add-to-home-screen

44
bob

有一个开源的Javascript库提供相关的东西: mobile-bookmark-bubble

Mobile Bookmark Bubble是一个JavaScript库,可在您的移动Web应用程序底部添加促销泡泡,邀请用户将应用程序添加到其设备的主屏幕。该库使用HTML5本地存储来跟踪是否已经显示促销,以避免不断唠叨用户。

该库的当前实现专门针对Mobile Safari,即iPhone和iPad设备上使用的Web浏览器。

8
Philippe Laval

在javascript中,这是不可能的,但是在“Web Clips”的帮助下,我们可以在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主屏幕有一个网页或webapp的快捷图标..

3
Rawan-25

这也是另一个很好的主屏幕脚本,支持iphone/ipad,Mobile Safari,Android,Blackberry触控智能手机和Playbook。

https://github.com/h5bp/mobile-boilerplate/wiki/Mobile-Bookmark-Bubble

2
Miuranga