android - framework - onsen ui
Consejos para optimizar un sitio web para el navegador de Android? (6)
Estoy buscando consejos, trucos y recursos para optimizar el diseño de un sitio web para el navegador de Android.
Estoy construyendo una aplicación de Android y se podrá acceder a parte de la funcionalidad a través de una interfaz web.
Como todas las páginas web móviles mantienen todo lo más delgado posible.
Confío en dos elementos para optimizar sitios web para navegadores móviles (especialmente Android y iPhone):
Metaetiquetas: HandheldFriendly y ventana gráfica
Por lo general, quiero que las páginas no tengan un ancho de página de 800 a 900 píxeles, ya que los navegadores Android y iPhone lo configuran de manera predeterminada. Para que el ancho de la página sea el mismo que el ancho del dispositivo, configuré las siguientes metaetiquetas:
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />
Consultas de medios CSS
Adapto el diseño al ancho de página. Por ejemplo, tener un contenido de 2 columnas para pantallas grandes y 1 columna para pantallas pequeñas e imprimir. Así que incluyo en el archivo principal principal css más css-includes con consultas de medios:
@import url(style-screen.css) screen;
@import url(style-small.css) print, handheld;
@import url(style-large.css) screen and (min-width: 801px);
@import url(style-small.css) screen and (max-width: 800px);
Descubrí que recorrer un largo camino para agregar estas dos etiquetas meta a mi sitio:
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta name="HandheldFriendly" content="True" />
Aquí hay más información sobre ellos: http://learnthemobileweb.com/2009/07/mobile-meta-tags/
En cuanto a jQuery, hay una versión optimizada para navegadores móviles: http://jquerymobile.com/
No conozco ningún recurso decente de Android, pero no me volvería loco con el JavaScript. Si Android se parece al iPhone, el rendimiento (actual) de JavaScript será mucho peor de lo que podría estar acostumbrado en los equipos de escritorio.
dev.opera tiene algunos artículos, no para Android, por supuesto, sino para sitios web móviles en general. Por ejemplo: