Habilitar la consola de depuración de Safari en iPhone y iPad
Safari para iOS incluye una consola de resolución de problemas opcional para ayudar a los desarrolladores web a rastrear y resolver problemas de páginas web en su iPhone y iPad.
Aún mejor, con las últimas versiones de iOS, en realidad usa el mismo inspector web que Safari usa en el escritorio, lo que significa que si conecta su iPhone o iPad a su computadora, puede usar las herramientas de resolución de problemas de Safari directamente con su dispositivo iOS o iPadOS.
Las versiones anteriores de iOS también tienen esta capacidad y, aunque no son tan completas como las herramientas de desarrollador y depurador de escritorio de Safari, sigue siendo útil y fácil de activar o desactivar en su iPhone y iPad.
Aprendamos cómo habilitar esta función en las versiones nuevas y antiguas de iOS y descubramos qué es diferente entre las versiones.
Cómo habilitar y usar Web Inspector en Safari para iPhone y iPad
En las versiones modernas de iOS y iPadOS, así es como funciona el inspector web de Safari:
- Abra Configuración> Safari> Avanzado y toque para activar Web Inspector
- Conecte su iPhone o iPad a una Mac, luego vaya a Safari y active el menú de desarrollador si aún no lo ha hecho yendo a Safari> Preferencias> Avanzado> Mostrar barra de menú de Desarrollo
- Arrastre hacia abajo la barra de menú «Desarrollo» y busque su iPhone o iPad, luego abra la página web que desea solucionar
- Se abrirá Safari Web Inspector donde puede solucionar problemas e inspeccionar elementos web en su dispositivo iOS o iPad directamente en Safari en Mac
Ahora, mientras navega en su iPhone o iPad, encontrará que Web Inspector en Safari en Mac se actualizará.
Puede acceder a la Consola de resolución de problemas a través de la pestaña Consola en el inspector web y puede acceder al solucionador de problemas a través de la pestaña Solucionador de problemas. Y, por supuesto, las herramientas habituales del inspector web para elementos, recursos, red, etc. también están disponibles para su uso.
También puede usar un truco de Ver código fuente para iOS y iPadOS mientras viaja, si es necesario.
Cómo encender la Consola de solución de problemas en versiones anteriores de iOS
Si tiene una versión anterior de iOS en un iPhone o iPad más antiguo, toda la experiencia de resolución de problemas está en su dispositivo y no puede conectarlo a Safari en una Mac. Sin embargo, sigue siendo bastante útil, así es como funciona:
- Inicie «Configuración» y toque «Safari»
- Toca «Avanzado»
- Arrastre «Consola de depuración» a ON
Después de la activación, toque la Consola de solución de problemas en la parte superior de cualquier pantalla de Safari para ver los errores de la página web.
La lista predeterminada muestra todos los errores, pero puede detallar hasta errores más específicos de HTML, JavaScript y CSS tocándolos individualmente.
Otra herramienta útil para los desarrolladores web móviles es Firebug Lite para iOS, que utiliza un marcador de javascript para cargar una versión más simple de la popular herramienta de desarrollo Firebug. Esta función es probablemente la más útil para las versiones anteriores de iOS, porque las versiones más nuevas tienen nuevas capacidades.
¿Utiliza herramientas de desarrollo web para iPhone o iPad? Comparta con nosotros cualquier consejo, truco, aplicación o técnica en los comentarios a continuación.