javascript - onsen - Faking max-device-width

onsen ui tutorial

Question

Para implementar un sitio web móvil, sería útil establecer el ancho máximo del dispositivo en mi navegador. Sé complementos para falsificar el usuario-agente. ¿Esto también es posible para el ancho máximo del dispositivo? Preferiría usar un navegador común como Firefox, IE, Opera, ... en lugar de todo tipo de emuladores de navegador móvil o incluso diferentes teléfonos inteligentes.

Gracias, Ropo

Answer 1

Chrome le permite establecer las métricas del dispositivo, que se utilizan en el cálculo de consultas de medios para el ancho del dispositivo. Para hacerlo, abra Developer Tools, haga clic en el ícono de ajustes en la esquina inferior derecha y vaya a la pestaña Overrides.

Edición del 17 de enero de 2014 : Chrome ahora tiene una pestaña Emulación, que se puede encontrar junto con la Consola, en Herramientas del desarrollador.

Answer 2

En el caso común, los navegadores de escritorio se pueden usar para comprobar la integridad de html y css, pero los navegadores móviles son muy diferentes en el procesamiento de html, css y javascript.

Para "emular" max-device-width puede reemplazar max-device-width con max-width y cambiar el tamaño de la ventana de su navegador al tamaño requerido (las versiones actuales de los navegadores admiten max-width media-query instruction).

Usamos navegadores de escritorio en las primeras etapas del desarrollo de la interfaz web móvil y los emuladores a última hora. Los probadores de UI solo usan dispositivos reales.