¿Javascript para "Agregar a la pantalla de inicio" en iPhone?

110

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

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

javascript iphone mobile-safari bookmarks homescreen Kerrick
fuente

Respuestas:

56

La única forma de agregar marcadores en MobileSafari (incluidos los de la pantalla de inicio) es con la interfaz de usuario incorporada, y Apples no proporciona de todos modos para hacerlo desde los scripts dentro de una página. De hecho, estoy bastante seguro de que tampoco existe un mecanismo para hacer esto en la versión de escritorio de Safari.

Louis Gerbarg
fuente
4
Gracias, temía que no. Decidí verificar window.navigator.standalonee instarlos a agregarlo si se está ejecutando en Mobile Safari.
Kerrick
18
@David No para aplicaciones web. No son muchos los usuarios los que saben que pueden marcar la pantalla de inicio. En mi humilde opinión, sería bueno con un enlace / botón que activa el diálogo con un mensaje útil.
gregers
13
@David No es una mendicidad. Las aplicaciones web en iOS pueden ejecutarse como aplicaciones nativas, en pantalla completa si se agregan a la pantalla de inicio. Incluso el modo fuera de línea es posible, por lo que sería genial si podemos usar javascript para agregarlo a la pantalla de inicio (con el diálogo adecuado de corse).
Ákos Nikházy
3
@the_nakos y es por eso que nunca habrá una manera fácil de "agregar a la pantalla de inicio" porque crearía una alternativa a la increíble tienda de aplicaciones de Apple con un pago increíble además de increíbles compras dentro de la aplicación. No es lo único que hicieron para prevenirlo. En el pasado, las aplicaciones web de pantalla completa se paralizaban al usar solo el motor JavaScript antiguo cuando el safari móvil ya funcionaba con un motor mucho más rápido 9to5mac.com/2014/06/03/…
Pawel
63

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

Sin embargo, hay una pequeña biblioteca que le pide al usuario que lo haga e incluso apunta al lugar correcto. Funciona de maravilla.

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

Craig
fuente
1
Lamentablemente, esta es la mejor solución disponible actualmente.
hitautodestruct
La biblioteca [link ... / add-to0homescreen] funciona, sin embargo, la última llamada a invocar es addToHomescreen ({}); Debe tener una llave entre paréntesis, lo que significa que no está pasando parámetros.
RigidBody
8

Hay una biblioteca de JavaScript de código abierto 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 la promoción ya se ha mostrado, 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.

Philippe Laval
fuente
2
¿Hay algo similar para Android (o, uf, me atrevo a decir, Blackberry)?
SnowboardBruin
3

En javascript, no es posible, pero sí, con la ayuda de "Clips web" podemos crear un icono o acceso directo "agregar a la pantalla de inicio" en el iPhone (mediante 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 de configuración móvil, podemos pasar esta URL en el certificado de instalación del navegador safari de iPhone y, una vez hecho esto, verifique la pantalla de inicio de su iPhone. Hay un icono de acceso directo de su página web o aplicación web.

Rawan-25
fuente
Esto no proporciona una respuesta a la pregunta. Una vez que tenga suficiente reputación , podrá comentar en cualquier publicación ; en su lugar, proporcione respuestas que no requieran aclaración por parte del autor de la pregunta . - De la crítica
Jeet
Jeet, ¿podrías explicarme dónde estoy equivocado? Sí, esto es correcto Por el script, no es posible crear agregar a la pantalla de inicio pero con el "clip web" que podemos crear, para ello tenemos que crear el archivo .mobileconfig
Rawan-25 de
Gracias @jaepage por ello ... cttapp.com era un sitio web en línea donde puedes crear tu propio archivo mobilecofig y ahora mismo cierran su página web para que puedas usar developer.apple.com/library/content/documentation/… este sitio web Pronto yo creará nuestra propia herramienta web para ello ...
Rawan-25
También puede utilizar "Apple configuratior 2" para crear un webclip
Rawan-25