2012-08-13 12 views
8

¿Hay complementos para probar una página HTML y ver cómo se verá en un dispositivo móvil? Estoy desarrollando con PhoneGap, pero el emulador de Eclipse es demasiado lento para actualizarlo todo el tiempo, así que quiero tener una extensión de navegador que haga que la resolución de la pantalla sea similar a la del móvil.complemento del navegador para probar el diseño móvil

+0

¿Está buscando simplemente emular el tamaño de la pantalla, o también necesita emular la funcionalidad del dispositivo? Si su única preocupación es el tamaño de la pantalla, puede usar cualquier navegador basado en Webkit y cambiar el tamaño de la ventana gráfica según sea necesario. –

Respuesta

18

Si solo le interesa el tamaño de la pantalla, Firefox 15 (actualmente Beta, lanzamiento en dos semanas) tiene Responsive Design View en el menú del desarrollador web que le permite ajustar el "tamaño de pantalla". Por ejemplo, puede seleccionar 360x640 (resolución nHD) y echar un vistazo a su página.

Sin embargo, los navegadores móviles hacen ajustes personalizados a las páginas web y estos ajustes dependen del navegador utilizado. Por ejemplo, Firefox Mobile hace algo llamado Font Inflation. No puedes reproducirlo en un navegador de escritorio, tienes que ejecutar Firefox Mobile para eso. El problema: los navegadores móviles solo se ejecutarán en teléfonos móviles, incluso Mozilla dejó de suministrar Firefox Mobile para el escritorio después de que cambiaron a la interfaz de usuario nativa de Android.

Editar: A partir de Firefox 33, hay un simulador de Firefox OS integrado en Firefox (gracias a Tomek por dirigirme a esta dirección). Para iniciarlo, open WebIDE, luego haga clic en "Seleccionar tiempo de ejecución" y elija "Firefox OS 1.3". Esto iniciará el simulador, todo lo que tienes que hacer es hacer clic en el ícono de Firefox (para mí es azul, no el color naranja habitual). Allí está, puede probar cualquier sitio web en un navegador móvil real, directamente en su escritorio.

+1

+1 por mencionar Inflación de fuentes en Firefox Mobile. No estaba enterado de eso. – AmokHuginnsson

+1

Hay una demostración corta muy práctica aquí: https://www.youtube.com/watch?v=t07cLJhJkjQ –

Cuestiones relacionadas