Gracias por solicitar mi respuesta a esta pregunta. Definitivamente es beneficioso hacer pruebas móviles de sitios web, ya que ahora hay más personas navegando en sus dispositivos móviles que navegando en el escritorio familiar. Estoy agradecido de que se haya hecho esta pregunta porque no creo que los desarrolladores se den cuenta de las posibilidades del inspector web y especialmente de las capacidades que OS X tiene para ofrecer en esta área. Apple ha hecho un esfuerzo adicional para proporcionar herramientas que son útiles no solo para desarrollar aplicaciones para sus dispositivos móviles, sino también para desarrollar sitios web móviles para esos dispositivos.
Hay muchas posibilidades para probar sitios web en una plataforma móvil. Una búsqueda rápida en Google me proporcionó mobiReady y la ya conocida prueba Mobile-Friendly Test de Google.
Opciones para OS X:
Como tengo acceso regular a todos los principales sistemas operativos, incluidas varias compilaciones de Linux, Windows y OS X; He visto algunas fortalezas de cada sistema operativo. Mi interpretación es que OS X actualmente tiene la mejor plataforma de depuración / prueba móvil de todos los principales sistemas operativos.
Si desea realizar pruebas y depurar en una plataforma simulada similar al dispositivo real con más oportunidades de depuración, he encontrado que XCode (solo para OS X) incluye simuladores para todos los dispositivos móviles de Apple con todo, desde el iPhone 4S hasta el Presente el iPhone 6S además del iPad e incluso el reloj (no tiene navegador). Los simuladores están diseñados para ayudar en el desarrollo de aplicaciones para dispositivos móviles de Apple, aunque puede cargar sitios web utilizando el navegador web Safari incluido por defecto. Esto significa que puede cargar archivos desde cualquier lugar de su red local o incluso en línea.
Después de descubrir estas herramientas de desarrollo, creé un breve video al respecto, que podría ayudarlo. En general, he encontrado que OS X ofrece la mayor oportunidad con la inspección web y la depuración de software / sitios web. Por favor hazme saber si tienes preguntas.
El navegador Safari de escritorio también está muy bien integrado con los simuladores de xCode con opciones para hacer una inspección web en una página abierta en un dispositivo simulado actualmente abierto. Solo necesita habilitar primero el menú “desarrollar”.
El navegador Safari de escritorio incluso le permite conectar su iPhone, iPad o iPod touch a su computadora a través de USB y luego inspeccionar las páginas que se están viendo actualmente en su navegador Safari móvil.
Para aquellos sin una Mac:
No he jugado tanto con las herramientas de desarrollo de otros sistemas operativos, pero por lo que he visto, OS X actualmente tiene las mejores opciones para probar y depurar sitios web móviles.
La mayoría de los principales navegadores de escritorio incluyen un inspector web que generalmente tiene la capacidad de realizar simulaciones básicas de tamaños de pantalla y rendimiento en dispositivos móviles. El inspector web de Google Chrome (en consecuencia, Opera, ya que Chrome y Opera utilizan Chromium, que es la columna vertebral del Google Chrome de Google y también el navegador web Opera) parece ser el mejor candidato en este momento. Chromium hizo recientemente la incorporación de un nuevo inspector web con un nuevo y excelente simulador de tamaño de pantalla móvil (creo que esta nueva incorporación se realizó en la versión 50, pero podría estar fuera por algunas versiones). El simulador no simula ningún sistema operativo, solo el tamaño de la pantalla y las relaciones de aspecto comunes de teléfonos y tabletas.
Este nuevo inspector web móvil permite las características habituales que incluyen consola, inspector, visor de elementos, recursos, visor de código fuente, visor de actividad de red y análisis de datos de la página. Sin embargo, este inspector también incluye nuevas funciones para simular el tamaño de la pantalla y la “interfaz táctil” del dispositivo “móvil”, incluida la capacidad de simular cualquier resolución de pantalla y también con plantillas preestablecidas con el zoom preciso, la densidad de píxeles y la resolución de los populares dispositivos incluidos los enumerados en la captura de pantalla a continuación.
Para acceder a estas herramientas, simplemente haga clic en el icono “teléfono” en el inspector.
Puede acceder al inspector presionando las teclas comando + opción + i en OS X y control + shift + i en los sistemas operativos Windows.
Mi horario escolar ha consumido bastante tiempo últimamente, así que no he estado demasiado activo en Quora. Todavía amo a Quora y las relaciones creadas en este sitio especial, pero mi disponibilidad es cada vez más limitada.
Espero que esta respuesta ayude a aquellos que buscan ayuda con la creación de un sitio amigable para dispositivos móviles. Si tiene alguna pregunta o sugerencia, publíquela en los comentarios. Gracias por leer.
