2011-01-06 23 views
17

¿Hay alguna manera de crear una aplicación web Android como en el iPhone?Meta Tag "apple-mobile-web-app-capable" para Android?

Utilizando la metaetiqueta "apple-mobile-web-app-capable" 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 los usuarios para que inicie Safari Mobile navegador sin una barra de menú.

Respuesta

15

Chrome en Android ahora es compatible con un meta-tag mobile-web-app-capable:

Desde Chrome M31, se puede configurar la aplicación web para tener un icono de acceso directo de aplicación añade a la pantalla de inicio del dispositivo, y tienen el lanzamiento de aplicaciones en "modo de aplicación" a pantalla completa con la opción de menú "Agregar a pantalla de inicio" de Chrome para Android.

Para más detalles acerca de la meta-etiqueta mobile-web-app-capable, vaya a "Apoyando aplicaciones de pantalla de inicio instalados antes de la M39":

Desde M31, Chrome buscará la siguiente etiqueta meta en el elemento de la página web (si hay un manifiesto con pantalla especificado, esto se ignora):

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

el nombre del atributo 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 normal.

Si bien no tengo ninguna dispositivos que ejecutan Chrome M31 que podría probar con, interpreto que esto significa que las aplicaciones web a pantalla completa, con un icono en la pantalla de inicio del dispositivo, se apoyan ya en Chrome M31, siempre que use esa metaetiqueta mobile-web-app-capable.

+8

Me doy cuenta de que esta es una vieja pregunta, pero fue el primer resultado de búsqueda para mí cuando vine aquí en busca de la respuesta a esta pregunta. Continué mi búsqueda y encontré la respuesta [en otro lugar] (http://www.html5rocks.com/en/mobile/fullscreen/), y pensé que era mi deber como buen ciudadano de Internet volver aquí y asegurarme de que el siguiente buscador encontraría la respuesta aquí. – Josh

0

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

+2

Cierto, puede crear un acceso directo en la pantalla de inicio, pero es simplemente un marcador.En el iPhone/iOS, el 'marcador' (WebApp) tiene habilidades especiales, como abrir sin una barra de menú, una imagen de carga y un icono personalizado. También se carga en una copia aislada de Safari, por lo que si el navegador está bloqueado por restricciones, la aplicación web seguirá cargándose. ¿Es esto posible en Android? – Zymotik

2

No lo creo.

Sin embargo, sería bastante trivial para 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 WebView, es bastante trivial escribir una aplicación que cargue un sitio web dedicado o que de alguna manera envuelva el contenido sin conexión (descargado en el primer lanzamiento o enviado en la carpeta de activos)

+2

La caída con este enfoque está siendo atada a un ecosistema y tener una aplicación que puede estar desactualizada. Dolores de cabeza suficientes con desarrollo web Gracias sin embargo. – Zymotik

1

Use jQuery, puede ver si el contenido es alto es mayor que la altura de la ventana gráfica. Si no, entonces puedes hacerlo de 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 a meagar: Removing address bar from browser (to view on Android)

1

Desde Chrome31 + aplicaciones web pantalla de inicio también se apoyan en Android. Ver here.