Javascript para “Adicionar à canvas inicial” no iPhone?

É possível usar o Javascript para emular a opção Adicionar à canvas inicial no menu de favoritos do Mobile Safari?

Algo semelhante ao do IE window.external.AddFavorite(location.href, document.title); possivelmente?

A única maneira de adicionar marcas de livros no MobileSafari (incluindo as da canvas inicial) é com a interface do usuário embutida, e que a Apple não fornece de qualquer maneira para fazer isso a partir de scripts dentro de uma página. Na verdade, tenho certeza que não há mecanismo para fazer isso na versão desktop do Safari também.

Até que o Safari implemente o Service Worker e siga a orientação definida pelo Chrome e pelo Firefox, não há como adicionar seu aplicativo programaticamente à canvas inicial ou fazer com que o navegador solicite ao usuário

No entanto, há uma pequena biblioteca que solicita ao usuário que o faça e até aponta para o ponto certo. Funciona um deleite.

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

Outro script que aciona um popup ‘Add To Home Screen’: http://cubiq.org/add-to-home-screen

Existe uma biblioteca Javascript de código aberto que oferece algo relacionado: mobile-bookmark-bubble

O Mobile Bookmark Bubble é uma biblioteca JavaScript que adiciona um promo bubble à parte inferior de seu aplicativo da Web para dispositivos móveis, convidando os usuários a marcar o aplicativo na canvas inicial do dispositivo. A biblioteca usa armazenamento local em HTML5 para rastrear se a promoção já foi exibida, para evitar que os usuários incomodem constantemente.

A implementação atual dessa biblioteca é voltada especificamente para o Mobile Safari, o navegador da Web usado em dispositivos iPhone e iPad.

Em javascript, não é possível, mas sim, com a ajuda de “Web Clips”, podemos criar um ícone “Adicionar à canvas inicial” ou um atalho no iPhone (pelo arquivo de código do .mobileconfig)

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

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

Depois de criar um arquivo mobileconfig, podemos passar este url no certificado de instalação do navegador safári iphone e depois de fazer isso verifique a canvas inicial do seu iPhone, há um ícone de atalho da sua página da Web ou webapp.

Este também é outro bom script Home Screen que suporta iphone / ipad, Mobile Safari, Android, smartphones com toque Blackberry e Playbook.

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