iPhone上的“添加到主屏幕”的Javascript？

Question

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

可能类似于IE的window.external.AddFavorite(location.href, document.title);？

Answer 1

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

然而，有一个小型库提示用户这样做，甚至指向正确的位置。是一种享受。

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

Answer 2

在MobileSafari中添加任何书签（包括主屏幕上的书签）的唯一方法是使用内置UI，并且Apples无法提供从页面内的脚本执行此操作的方法。事实上，我很确定没有机制可以在桌面版Safari上执行此操作。

Answer 3

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

Answer 4

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

  

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

     

此库的当前实施专门针对Mobile Safari，即iPhone和iPad设备上使用的网络浏览器。

Answer 5

在javascript中，这是不可能的，但是在“网络剪辑”的帮助下我们可以在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的快捷图标..

Answer 6

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

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

Answer 7

到2020年，在Mobile Safari上仍然无法实现。

下一个最佳解决方案是在将页面添加到主屏幕的步骤中显示说明。

Picture is from this great article涵盖了许多其他技巧，使您的PWA感觉像iOS原生。