Necesito ver cómo se ven mis páginas web en un iPhone y iPad en mi escritorio de Windows. es posible?

Una búsqueda rápida arrojó algunos sitios de prueba de iPhone, que parecían ser lo que quería. Sin embargo, ¡son tremendamente inexactos cuando los comparo con mi propio iPhone! Realmente necesito algo que sea lo más preciso posible al 100%.

¿Tiene XCode un simulador que sea 100% preciso? Entiendo que necesitaría una Mac para ejecutar XCode ...

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 como 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 permitirle 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 mencionado con 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 ausentes como iOS real.

Simuladores / emuladores en línea que uso

1) recombu

Simulador fino que, a diferencia de 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 de 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.

Por ahora, creo que el mejor emulador es https://app.crossbrowsertesting.com

Tiene tamaños reales y teclado virtual (eso es lo más importante), eventos de zoom ...

También https://appetize.io/demo tiene las mismas cosas pero tiene límite de tiempo.

Puede ejecutar safari en el simulador de Xcode y debe emular con precisión iPads y iPhones. Otra cosa en el mercado por la que he escuchado buenas críticas es Ripple para cromo .

No hay un buen sustituto para probar en un dispositivo real.

Los dispositivos reales tienen densidades de visualización más altas, lo que significa que los píxeles son más pequeños. Si no realiza la prueba en un dispositivo real, es posible que no se dé cuenta de que su diseño incluye texto que es demasiado pequeño para leer o botones que son demasiado pequeños para tocar.

Utiliza dispositivos reales con los dedos, no con un mouse. Esto significa que la precisión de sus toques es mucho menor y lo que está tocando queda oculto por su dedo. Si no prueba en un dispositivo real, es posible que no se dé cuenta de que ha introducido problemas de usabilidad en su diseño.

XCode viene con un simulador para iPad y iPhone.

También puede utilizar Safari en OS X para depurar sitios web en su dispositivo iOS.

Puedes usar el emulador de Ripple en Chrome.

he estado usando Mobilizer , que es una excelenteaplicación gratis

Actualmente tiene simulación por defecto para Iphone4, Iphone5, Samsung Galaxt S3, Nokia Lumia, Palm Pre, Blackberry Storm y HTC Evo. Sencillo, sencillo y eficaz.

Utilizo el complemento de Chrome del emulador de navegador móvil que tiene tipos de dispositivos iPhone. En realidad, usa el agente de usuario y el tamaño del dispositivo en el que se representan las páginas receptivas basadas