Solución:
El simulador de iPhone / iPad que viene con Xcode incluye Safari. Si ejecuta Safari en el simulador, puede ver su sitio web y debería tener el mismo aspecto que en un dispositivo real. Esto puede funcionar para pruebas de diseño general. Pero dado que es un simulador, es posible que no todas las funcionalidades sean exactamente iguales a las de un dispositivo iOS real.
Si está escribiendo un sitio web y necesita verificar que se vea correcto en un dispositivo determinado, entonces debe probar su sitio web en ese dispositivo real. Las pruebas con hardware real son parte del precio de hacer negocios.
Y sí, necesitas una Mac para ejecutar Xcode.
Tanto Chrome como Firefox ahora tienen emuladores integrados. No son perfectos, pero son lo suficientemente buenos como para que pueda llevarlo casi todo el camino antes de probar en un dispositivo real. La mejor parte es que si te gustan las herramientas de desarrollo del navegador (Chrome, Firefox), puedes usarlas mientras emulas.
Para obtener el emulador: [Ctrl+Shift+M] y seleccione el dispositivo que desea emular. Es posible que deba actualizar la página, especialmente si tiene algo que dependa del script que se ejecuta al cargar la página.
Internet Explorer también tiene un modo de emulación de dispositivo. F12, luego CTRL + 8. No es tan sencillo como la emulación de dispositivo móvil Chrome, pero le permite simular la geolocalización:
EDITAR 2020: La mayoría de estos son básicamente solo para probar cosas de resolución, algunos de ellos incluso están desactualizados, lamentablemente, el desarrollo del navegador móvil fue de lado con el escritorio (especialmente en Apple), por lo tanto, uno no puede realmente “emular” un teléfono real con estos como se menciona con el comentario. .
Para emular teléfonos reales, a menudo la mejor opción es descargar una aplicación de escritorio que, para Windows, generalmente es de pago / freemium, en Mac solo use el Xcode (pero dudo que la gente de Mac esté buscando esta Q / A).
Freemium online fácil de usar que encontré recientemente es Appetize.io, parece que realmente renderiza la pantalla de acuerdo con la red, pero honestamente, no investigué si también tiene características idénticas y características idénticas a las de iOS real.
Simuladores / emuladores en línea yo suelo
1) recombu
Buen simulador que – diferente a cambiar el tamaño de la ventana del navegador a las dimensiones del teléfono móvil – actúa igual que un teléfono inteligente. No se confunda que no puede editar la barra de direcciones en Safari; simplemente abra las herramientas de desarrollo (generalmente F12) y reescriba la URL de origen del iframe en la suya.
Enlace: http://recombu.com/mobile/interactive/ios7-demo/
2) respondedor
Parece funcionar como recombu, pero puede abrir la URL directamente mediante la entrada de texto y puede acercar o alejar la imagen.
Enlace: http://www.responsimulator.com/
3) transfiguración
Este parece procesar la página web, pero emula el antiguo iPhone, que a veces sigue siendo útil.
Enlace: http://transmog.net/iphone-simulator/mobile-web-browser-emulator.php
X) buscarlo en Google / Internet
Utilice siempre Google (u otros buscadores de Internet) para buscar otros simuladores / emuladores y nuevas versiones.
Enlace con un ejemplo de búsqueda en Google para este:
https://www.google.cz/search?q=online+iphone+emulator
Modo de dispositivo de navegador
Si abre las herramientas de desarrollador de su navegador (en Chrome F12), probablemente habrá una opción para alternar el modo de dispositivo (en Chrome es el pequeño icono de teléfono inteligente en la parte superior izquierda).
Después de elegir esta opción, la GUI cambiará y brindará la opción de seleccionar el dispositivo para simular (en Chrome está en la parte superior; seleccione la opción “Dispositivo”). Después de seleccionar el dispositivo, a menudo se recomienda actualizar la página para garantizar la precisión del simulador.
