Usar el Inspector Web para depurar Mobile Safari (iPhone o iPad)

Desarrollar páginas web para dispositivos móviles o depurar su aplicación híbrida es a menudo difícil. Afortunadamente, Apple ofrece una función de Inspector Web Remoto para iOS para los diseñadores que ya han empezado con iOS 6.

3.>

4. Ahora en tu iPad, abre la página web que quieres depurar, y en tu Mac, abre Safari y ve al menú “Desarrollar”. Ahora verá el dispositivo que ha conectado a su Mac. Si no hay ninguna página abierta en su iDevice, verá el mensaje “No hay aplicaciones verificables”.

5>

Utiliza la herramienta Debugger para encontrar la causa de los errores de JavaScript en tu página web. Puedes añadir puntos de ruptura, depurar el JavaScript y comprobar el valor de la variable en tiempo de ejecución.

Safari también debería detectar errores de CSS, HTML y JavaScript. Los detalles de cada error se muestran en el depurador.

iDevice>

  • Vacía tu caché del Safari y las cookies
  • Actualiza Safari en tu Mac y en tu iDevice cuando haya una actualización disponible
    • Si está ejecutando una versión beta para iOS o MacOS, es posible que necesite ejecutar la última versión beta en todos los dispositivos
  • Prueba con un cable y/o conector diferente en tu Mac. Asegúrate de que el cable es un cable original de Apple Lightning o un cable con certificación MFI (hecho para el iPhone).
  • Asegúrate de que el Inspector Web esté activado. Las actualizaciones de iOS a veces lo restablecen a la configuración predeterminada de OFF. Así que asegúrate de comprobar esto Preferencias> Safari> Avanzado> Inspector Web
    • Apague el Inspector de la Web, espere 10 segundos y vuelva a encenderlo
  • Prueba el navegador de vista previa de la tecnología Safari en su lugar
  • Salga de Safari en su Mac y reinícielo. Comprueba si Safari en tu Mac reconoce tu dispositivo y permite la depuración
  • Asegúrate de no usar el modo de navegación privada de Safari. Si su iDevice sólo aparece brevemente en el menú de Safari “Desarrollar” y luego desaparece
  • Abre el monitor de actividad y comprueba qué le pasa a Safari
    • Consejos de lectura

      • ¡Si>las preferencias> Safari> Desarrollador> Consola de depuración