Estoy tratando de probar cómo se ve mi sitio web en el iPhone, pero todo lo que tengo es un iPad. ¿Hay alguna forma de forzar el iPad en la ventana de vista de tamaño de iPhone?
Estoy tratando de probar cómo se ve mi sitio web en el iPhone, pero todo lo que tengo es un iPad. ¿Hay alguna forma de forzar el iPad en la ventana de vista de tamaño de iPhone?
Bueno, puedes encontrar una aplicación de navegador de terceros que sea solo para iPhone y usarla en tu iPad. Hay muchos libres. Solo busca "navegador" en la App Store.
No, no puedes hacer eso. Pero si tienes una Mac, puedes instalar Xcode desde la Mac App Store de forma gratuita.
Viene con una aplicación llamada simulador de iOS que te permitirá ejecutar Mobile Safari en tu Mac, incluida la resolución de iPhones / iPods más antiguos (pantalla sin retina), nuevos iPhones con pantalla de retina y la resolución del iPad.
También implementa todos los eventos de Javascript de la pantalla táctil (por ejemplo: onmouseover se activa cuando toca en lugar de onclick, luego se activa onclick cuando vuelve a tocar), doble toque para hacer zoom en un elemento DOM y le mostrará correctamente cómo Aparecerán elementos como elementos CSS de posición fija, que es muy diferente en Mobile Safari en comparación con Safari de escritorio normal, y le brinda todos los elementos del formulario iOS (los campos <select multiple>
son completamente diferentes, por ejemplo).
No conozco ninguna forma de probar correctamente su sitio web en Windows o Linux, cambiar el tamaño de la ventana del navegador no es suficiente.
Más o menos cualquier navegador que tenga una versión especial de iPhone (no universal) funcionará. Recomiendo el Perfect Browser , o Aquari navegador de iPhone.
Puedes usar el navegador Dolphin. Solo descárgalo para iPad desde la sección de aplicaciones de iPhone. También puede usar un servicio como enlace
Si puedes usar una versión de escritorio de Google Chrome, puede emular un iPhone. En el modo de depuración, haga clic en el ícono "emular dispositivos" cerca de la esquina superior izquierda del panel de depuración, y puede permitirle emular iPhones, iPad, teléfonos Samsung y muchos otros modelos (la lista tiene una longitud de aproximadamente 20 elementos).
No solo emula el ancho y el alto, sino que actuará de acuerdo con la etiqueta meta
para viewport
también. Entonces, si tiene esta línea en su sección HTML <head>
:
<meta name="viewport" content="width=device-width, initial-scale=1">
Luego, el emulador para iPhone 6 Plus mostrará una versión de la página "sí, soy una pantalla pequeña y actuaré en consecuencia". Por otra parte, sin la línea anterior, el iPhone 6 Plus se hará ver como un navegador potente con una pantalla ancha, y le mostrará la página, pero en este caso el texto será muy pequeño y poco legible. Lo que quiero decir es que Google Chrome emulará tu teléfono con el código HTML que se muestra fielmente, como si fuera un dispositivo real.
Compare eso con Firefox versión 44.0, que solo puede emular el tamaño del dispositivo, pero no le importará la línea meta
anterior, por lo que podría ver una versión de la página en Firefox, y ver una versión diferente de La página en un dispositivo real.
Aquí hay una captura de pantalla de cómo emular un iPhone 6 Plus:
Lea otras preguntas en las etiquetas iphone display ipad web-browsing