Answers:
在MobileSafari中添加任何书签(包括主屏幕上的书签)的唯一方法是使用内置的UI,并且Apple始终不提供从页面内脚本执行此操作的功能。实际上,我非常确定在桌面版Safari上也没有执行此操作的机制。
除非Safari实施Service Worker并遵循Chrome和Firefox设置的指导,否则无法将您的应用以编程方式添加到主屏幕,或让浏览器提示用户
但是,有一个小的库提示用户进行操作,甚至指向正确的位置。工作请客。
有一个开放源代码的Javascript库,它提供了一些相关的东西: mobile-bookmark-bubble
移动书签泡泡是一个JavaScript库,可在移动Web应用程序的底部添加一个促销气泡,邀请用户将应用程序添加到其设备的主屏幕。该库使用HTML5本地存储来跟踪促销是否已经显示,以避免不断困扰用户。
该库的当前实现专门针对Mobile Safari,它是iPhone和iPad设备上使用的Web浏览器。
在javascript中,这是不可能的,但是可以,在“ Web Clips”的帮助下,我们可以在iPhone中创建“添加到主屏幕”图标或快捷方式(通过.mobileconfig代码文件)
http://appdistro.cttapp.com/webclip/
创建mobileconfig文件后,我们可以在iphone safari浏览器安装证书中传递此url,并在完成后检查iphone主屏幕上是否存在网页或webapp的快捷方式图标。
这也是另一个不错的主屏幕脚本,它支持iphone / ipad,Mobile Safari,Android,Blackberry touch智能手机和Playbook。
https://github.com/h5bp/mobile-boilerplate/wiki/Mobile-Bookmark-Bubble
window.navigator.standalone
并敦促他们在Mobile Safari中运行时添加它。