pwa home javascript iphone mobile-safari bookmarks homescreen

home - Javascript para "Agregar a pantalla de inicio" en iPhone?



add to home screen javascript ios (6)

¿Es posible usar Javascript para emular la opción Agregar a pantalla de inicio en el menú de marcadores de Mobile Safari?

Algo similar a la window.external.AddFavorite(location.href, document.title); de IE. window.external.AddFavorite(location.href, document.title); ¿posiblemente?


En Javascript, no es posible, pero sí, con la ayuda de "Web Clips" podemos crear un ícono de "agregar a la pantalla de inicio" o un acceso directo en iPhone (por el archivo de código de .mobileconfig)

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

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

después de crear un archivo mobileconfig podemos pasar esta url en el certificado de instalación del navegador iphone safari y después de hacerlo verificar la pantalla de inicio de su iPhone hay un icono de acceso directo de su página web o aplicación web.



Hasta que Safari implemente Service Worker y siga la dirección establecida por Chrome y Firefox, no hay forma de agregar su aplicación de forma programática a la pantalla de inicio, o de que el navegador solicite al usuario

Sin embargo, hay una pequeña biblioteca que solicita al usuario que lo haga e incluso señala el lugar correcto. Funciona un placer

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


Hay una biblioteca de código abierto Javascript que ofrece algo relacionado: mobile-bookmark-bubble

Mobile Bookmark Bubble es una biblioteca de JavaScript que agrega una burbuja de promoción en la parte inferior de su aplicación web móvil, invitando a los usuarios a marcar la aplicación en la pantalla de inicio de su dispositivo. La biblioteca utiliza almacenamiento local HTML5 para rastrear si ya se mostró la promoción, para evitar molestar constantemente a los usuarios.

La implementación actual de esta biblioteca se dirige específicamente a Mobile Safari, el navegador web utilizado en dispositivos iPhone y iPad.


La única forma de agregar cualquier marca de libro en MobileSafari (incluidas las que se encuentran en la pantalla de inicio) es con la interfaz de usuario incorporada, y que Apples no proporciona de todos modos para hacer esto desde las secuencias de comandos dentro de una página. De hecho, estoy bastante seguro de que tampoco hay ningún mecanismo para hacerlo en la versión de escritorio de Safari.