Qué saber
- Activar Web Inspector en iOS: Vaya a Configuración > Safari > Avanzado y muévase el interruptor de palanca Web Inspector a la posición On.
- Use Web Inspector en macOS: Conecte su dispositivo iOS a una Mac y elija la URL para inspeccionar desde el menú Desarrollar.
Si encuentra un error u otro problema con un sitio web en Safari móvil, use la herramienta Web Inspector para investigar. Este artículo explica cómo usar la consola Safari para iPhone para depurar errores con la ayuda de su computadora Mac. Las instrucciones se aplican a iPhones con iOS 14, iOS 12 o iOS 11, y también a Mac con macOS Big Sur (11.0), macOS Catalina (10.15) o macOS Mojave (10.14).
Active Web Inspector en su iPhone u otro dispositivo iOS
El inspector web está deshabilitado de forma predeterminada, ya que la mayoría de los usuarios de iPhone no lo utilizan. Sin embargo, si eres desarrollador o tienes curiosidad, puedes activarlo en unos pocos pasos. Así es como:
-
Abra el menú del iPhone Configuración.
En un iPhone con una versión anterior de iOS, acceda a la Consola de depuración a través de Configuración > Safari > Desarrollador > Consola de depuración Cuando Safari en el iPhone detecta errores de CSS, HTML y JavaScript, los detalles de cada uno se muestran en el depurador.
- Desplácese hacia abajo y toque Safari para abrir la pantalla que contiene todo lo relacionado con el navegador web Safari en su iPhone, iPad o iPod touch.
-
Desplácese hasta la parte inferior de la página y seleccione Avanzado.
-
Mueva el interruptor de palanca Web Inspector a la posición Encendido.
Image
Conecta tu dispositivo iOS a Safari en una Mac
Para usar Web Inspector, conecte su iPhone u otro dispositivo iOS a una Mac que tenga el navegador web Safari y habilite el menú Desarrollar.
-
Con Safari abierto, seleccione Safari en la barra de menú y elija Preferencias.
Image -
Seleccione la pestaña Avanzado.
Image -
Seleccione la casilla de verificación Mostrar menú Desarrollar en la barra de menú y cierre la ventana de configuración.
Image -
Desde la barra de menú de Safari, seleccione Desarrollar y elija el nombre de su dispositivo iOS conectado, luego seleccione la URL que aparece debajo de Safaripara abrir la consola de depuración de ese sitio.
Image Después de conectar su dispositivo, use su Mac para inspeccionar el sitio web que desea depurar y ábralo en el navegador móvil Safari.
¿Qué es Web Inspector?
Los desarrolladores web usan Web Inspector para modificar, depurar y optimizar sitios web en Mac y dispositivos iOS. Con Web Inspector abierto, los desarrolladores pueden inspeccionar los recursos en una página web. La ventana Web Inspector contiene HTML editable y notas sobre los estilos y capas de la página web en un panel separado.
Antes de iOS 6, el navegador web iPhone Safari tenía una consola de depuración integrada que los desarrolladores usaban para encontrar defectos en las páginas web. Las versiones recientes de iOS usan Web Inspector en su lugar.
Con Safari 9 y OS X Mavericks (10.9), Apple introdujo el modo de diseño receptivo en Web Inspector. Los desarrolladores usan este simulador incorporado para obtener una vista previa de cómo las páginas web se escalan a diferentes tamaños de pantalla, resoluciones y orientaciones.
