DEMETOLE-TICS: Tu sitio Android compatible

viernes, septiembre 12, 2014

Descubre lo fácil que es convertir un sitio web personal en una web app compatible Android

Para convertir un sitio web en una web app compatibe con Android, se necesita añadir un simple fragmento de código en el encabezado de la página web. Abre tu página web en un editor, localiza las etiquetas <head> y añade lo siguiente: <meta name=”mobile-webapp-capable” content=”yes”>.
Dentro de las etiquetas <head> habrá un conjunto de etiquetas <title>. Estas contienen el nombre que aparece en el navegador. Si deseas cambiar el título a algo distinto, por ejemplo ‘Esta es mi web app’, cambia simplemente el título que se muestra actualmente y guarda la página.
Cuando una web app opera en modo app se añade un icono en la pantalla de inicio.
El icono está definido por otra línea de código: <link rel=”icon” sizes=”196x196”
href=”mywebappicon.png”>. El elemento href es el nombre del icono, que debería estar en el mismo directorio que la página web.
El tamaño 196 x 196 es el recomendado para que un icono se vea bien, pero pueden
usarse otros tamaños como 128 x 128 o 48 x 48. Android ofrece una guía sobre creación de iconos para dispositivos Android. Puedes encontrar la guía en developer.android.com/design/style/iconography.html.