Safari para iOS incluye una consola de depuración opcional para ayudar a los desarrolladores web a rastrear y resolver problemas con páginas web en iPhone y iPad.

Aún mejor, con las últimas versiones de iOS, en realidad usa el mismo Web Inspector que Safari en el escritorio, lo que significa que si conecta el iPhone o iPad a la computadora, puede usar las herramientas de depuración de Safari directamente con su dispositivo iOS o iPadOS

Las versiones anteriores de iOS también tienen esta capacidad, y aunque no es tan inclusiva como las herramientas de desarrollo y depuración de Safari de escritorio, sigue siendo útil y es fácil de habilitar o deshabilitar en el iPhone y el iPad.

Aprendamos cómo habilitar esta función en las versiones nuevas y antiguas de iOS, y aprendamos también 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:

1. Abrir Configuración > Safari > Avanzado y luego toque para habilitar “Web Inspector”
2. Conecte el iPhone o iPad a una Mac, luego vaya a Safari y habilite el menú de desarrollador si no lo ha hecho yendo a Safari > Preferencias > Avanzado > Mostrar barra de menú Desarrollar
3. Despliegue la barra de menú "Desarrollar" y busque el iPhone o iPad, y luego abra la página web que desea depurar
4. Safari Web Inspector se abrirá donde puede depurar e inspeccionar elementos web desde el dispositivo iOS o iPadOS directamente en Safari en la Mac

Ahora, mientras navega en el iPhone o iPad, encontrará que Web Inspector en Safari en Mac se actualizará.

Puede acceder a la Consola de depuración a través de la pestaña Consola en el inspector web, y puede acceder al depurador a través de la pestaña Depurador. Y, por supuesto, las herramientas de inspección web habituales para elementos, recursos, redes, etc., también están disponibles para su uso.

También puedes usar un truco de View Source para iOS y iPadOS mientras estás en movimiento, si es necesario.

Cómo habilitar la consola de depuración 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 depuración está en el dispositivo y no puede conectarlo a Safari en una Mac. No obstante, sigue siendo bastante útil, así es como funciona:

1. Inicie "Configuración" y toque "Safari"
2. Toca "Avanzado"
3. Deslice la “Consola de depuración” a ON

Una vez habilitado, toca la consola de depuración 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 profundizar en errores de HTML, JavaScript y CSS más específicos tocándolos individualmente.

Otra herramienta útil para los desarrolladores web móviles es Firebug Lite para iOS, que utiliza un bookmarklet de javascript para cargar una versión más simple de la popular herramienta de desarrollo Firebug. Esa funcionalidad probablemente también sea más útil para las versiones anteriores de iOS, ya que las versiones más nuevas tienen nuevas capacidades.

¿Utiliza alguna herramienta de desarrollo web para iPhone o iPad? Comparta con nosotros cualquier consejo, truco, aplicación o técnica en los comentarios a continuación.