A partir de Chrome 115, puedes habilitar la depuración del Inspector web de Safari para Chrome en iOS. En esta publicación, se explica cómo comenzar.
Antes de Chrome 115, las páginas web de depuración requerían la compilación de Chrome para iOS desde el código fuente, ya que la versión de lanzamiento de WKWebView no admitía la depuración remota del Inspector web. En Chrome 73, agregamos la página chrome://inspect, que muestra de forma local los registros de JavaScript para ayudar a depurar páginas web. Ahora que WKWebView permite la depuración del Inspector web en la versión (a partir de iOS 16.4), agregamos un parámetro de configuración en Chrome 115 para habilitar esta función y mejorar aún más la experiencia de los desarrolladores.
Primeros pasos
En tu dispositivo iOS, necesitas lo siguiente:
- iOS 16.4 o superior.
- Chrome 115 o versiones posteriores.
En tu Mac, necesitas lo siguiente:
- Tener habilitado el menú Desarrollo de Safari Habilita esta opción en la configuración de la aplicación de Safari, en la pestaña Configuración avanzada.
En el dispositivo iOS, inicia la app de Chrome y ve a Configuración. En Configuración de contenido, habilita el Inspector web. Reinicia Chrome para iOS después de cambiar esta configuración.
Cómo depurar tu sitio
Si habilitas el parámetro de configuración, puedes seguir estos pasos para depurar cualquier página que se ejecute en Chrome para iOS.
- Conecta tu dispositivo iOS a una Mac con un cable.
- En Chrome para iOS, navega al sitio web que quieras inspeccionar.
- En tu Mac, abre Safari. En el menú Desarrollo, desplázate sobre el nombre del dispositivo conectado y selecciona la URL del sitio web que deseas inspeccionar.
La ventana del Inspector web que se muestra permitirá la depuración de la vista web actual. Para obtener más información sobre el uso de las herramientas para desarrolladores de Safari, consulta la documentación de Apple.