Estoy intentando probar cómo se ve mi sitio web en el iPhone, pero sólo tengo un iPad. Hay alguna manera de forzar el iPad en la ventana de vista de tamaño iPhone?
No sé por qué no se me ocurrió. Gracias.
Respuestas
¿Demasiados anuncios?
Adi
Puntos
1105
No, no puedes hacer eso. Pero si tienes un Mac, puedes instalar Xcode desde la Mac App Store de forma gratuita.
Viene con una aplicación llamada iOS Simulator que te permitirá ejecutar Mobile Safari en tu Mac, incluyendo la resolución de iPhones/iPods antiguos (sin pantalla retina), los nuevos iPhones con pantalla retina y la resolución del iPad.
También implementa todos los eventos Javascript de pantalla táctil (por ejemplo: onmouseover se activa cuando se toca en lugar de onclick, a continuación, onclick se activa cuando se toca de nuevo), doble toque para hacer zoom en un elemento DOM, y le mostrará correctamente cómo cosas como elementos CSS de posición fija aparecerán, que es muy diferente en Mobile Safari en comparación con Safari de escritorio normal, y le da todos los elementos de formulario iOS ( <select multiple> son completamente diferentes).
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.
romkyns
Puntos
290
Jochen Hilgers
Puntos
917
Más o menos cualquier navegador que tenga una versión especial para iPhone (no universal) funcionará. Recomiendo el navegador Navegador perfecto o Aquari Navegador del iPhone.
Ilya Cherevkov
Puntos
167
Puedes utilizar el navegador Dolphin. Sólo tienes que descargarlo para iPad desde la sección de aplicaciones para iPhone. También puedes utilizar servicios como http://testiphone.com
Jon
Puntos
281
Si puedes utilizar una versión de escritorio de Google Chrome, puede emular un iPhone. En el modo de depuración, haz clic en el icono "emular dispositivos", cerca de la parte superior izquierda del panel de depuración, y podrás emular iPhones, iPad, teléfonos Samsung y muchos otros modelos (la lista tiene unos 20 elementos).
No sólo emulará la anchura y la altura, sino que actuará en función de su meta etiqueta para viewport también. Así que si usted tiene esta línea en su HTML <head> sección:
<meta name="viewport" content="width=device-width, initial-scale=1">Entonces 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 otro lado, sin la línea anterior, el iPhone 6 Plus se hará pasar por un potente navegador con pantalla ancha y te 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 mostrando fielmente el código HTML, como si se tratara de un dispositivo real.
Compárelo con la versión 44.0 de Firefox, que sólo puede emular el tamaño del dispositivo, pero no le importará el meta para que puedas ver una versión de la página en Firefox y otra diferente en un dispositivo real.
Aquí tienes una captura de pantalla de la emulación de un iPhone 6 Plus:
0 votos
Recomiendo crossbrowsertesting.com por esto. También puedes probar con varias versiones de iOS.