¿Etiqueta Meta “Apple-mobile-web-app-capaz” para Android?

html web-applications

Question

¿Hay alguna manera de crear una aplicación web de Android como en el iPhone?

Al utilizar la metaetiqueta "Apple-mobile-web-app-capaz" en el elemento principal de una página HTML, informa a Apple iOS que la aplicación se puede instalar en el trampolín de usuarios para que inicie el navegador Safari Mobile sin un menú. bar.

Answer 1

Con jQuery, puede ver si la altura del contenido es mayor que la altura de la ventana gráfica. Si no, entonces puedes hacerlo a esa altura.

$(document).ready(function() { 
  if (navigator.userAgent.match(/Android/i)) { 
    window.scrollTo(0,0); // reset in case prev not scrolled   
    var nPageH = $(document).height(); 
    var nViewH = window.outerHeight; 
    if (nViewH > nPageH) { 
      nViewH -= 250; 
      $(''BODY'').css(''height'',nViewH + ''px''); 
    } 
    window.scrollTo(0,1); 
  } 

}); 

Crédito para meagar: Eliminación de la barra de direcciones del navegador (para ver en Android)

Answer 2

Desde Chrome31 +, las aplicaciones web de la pantalla de inicio también son compatibles con Android. Ver here

Answer 3

No lo creo

Sin embargo , sería bastante trivial detectar si un navegador es un dispositivo Android y mostrar un enlace a una aplicación de Android Market (o directamente a la APK)

Como Android tiene un widget de WebView, es bastante trivial escribir una aplicación que carga un sitio web dedicado, o que de alguna manera envuelve el contenido sin conexión (ya sea descargado en el primer lanzamiento o enviado en la carpeta de activos)

Answer 4

Puede crear accesos directos a marcadores (= cualquier página web) en la pantalla de inicio.

Answer 5

Chrome en Android ahora es compatible con una aplicación de meta-etiqueta mobile-web-app-capable :

Desde Chrome M31, puede configurar su aplicación web para agregar un ícono de acceso directo a la pantalla de inicio del dispositivo, y hacer que la aplicación se inicie en el "modo de aplicación" de pantalla completa usando el elemento del menú "Agregar a la pantalla de inicio" de Chrome para Android.

Para obtener más información acerca de la metaetiqueta mobile-web-app-capable , desplácese hasta "Compatibilidad con aplicaciones instaladas en la pantalla de inicio antes de M39":

Desde M31, Chrome buscará la siguiente metaetiqueta en el elemento de la página web (si hay un manifiesto con visualización especificada, esto se ignora):

<meta name="mobile-web-app-capable" content="yes">

El atributo de nombre DEBE ser "compatible con la aplicación web móvil" y el atributo de contenido debe ser "sí" (mayúsculas y minúsculas). Si hay algún otro valor en el atributo de contenido, la aplicación web se agregará como un marcador regular.

Si bien no tengo ningún dispositivo que ejecute Chrome M31 con el que pueda probarlo, interpreto que esto significa que las aplicaciones web de pantalla completa, con un ícono en la pantalla de inicio del dispositivo, son compatibles con Chrome M31, siempre que lo uses. etiqueta meta mobile-web-app-capable .