Banner de instalación de aplicaciones nativas de Chrome y Agregar a la pantalla de inicio

Recientemente he añadido a mi web un banner de instalación de aplicación nativa de Chrome . Está funcionando bastante bien, cuando un usuario cumple los criterios especificados, se muestra un banner para instalar mi aplicación.

Pero me gustaría tener la característica: Añadir a la pantalla de inicio también. Básicamente para los usuarios que no quieren instalar la aplicación, pero que podrían estar interesados ​​en añadir a la pantalla de inicio de mi web.

¿Es posible tener ambas funciones trabajando juntas?

Sí tu puedes.

Hay beforeinstallprompt evento beforeinstallprompt , que puede interceptar y retrasar durante el tiempo que quiera (por ejemplo, hasta que el usuario presione el botón).

El evento tiene una función .prompt() , que puede llamar para que aparezca el mensaje cuando lo desee.

 Window.addEventListener ("beforeinstallprompt", ev => { 
   // Detiene Chrome de preguntar _now_
   Ev.preventDefault ();

   // Cree su botón personalizado "agregar a la pantalla de inicio" aquí si es necesario.
   // Tenga en cuenta que este evento puede ser llamado varias veces, 
   // así que evita crear varios botones!
   MyCustomButton.onclick = () => ev.prompt ();
 });

No creo que eso funcione hoy. Parece una buena solicitud de funcionalidad para el rastreador de Chrome crbug.com No está claro para mí cómo controlaría cuál de los mensajes se obtiene, pero probablemente vale la pena discutirlo en crbug.

  • ¿Qué es una solución alternativa para Chrome para el comportamiento incorrecto de clientX y clientY de Android?
  • AudioContext () no existe en algunos teléfonos?
  • OnKeyPress, onKeyDown, eventos onKeyUp no disparados en Firefox / Chrome bajo Android al escribir letras
  • ¿Cómo se deben formatear las restricciones (Android) / Chrome getUserMedia ()?
  • Jquery móvil, error con menú de selección en Android con Chrome versión 50
  • Deshabilitar programaticamente la aceleración de hardware en el navegador
  • Cómo utilizar NFC API con google chrome para android
  • HTML5 Audio: Chrome en Android no reproduce canciones automáticamente en comparación con Chrome en PC
  • ¿Cómo puedes depurar "agregar a la pantalla de inicio" en Chrome en android?
  • Android Historial de navegación dejando fuera sólo algunos sitios
  • Representación inconsistente de SVG entre escritorio y móvil - ¿es Arial una fuente segura en SVG?
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.