Cómo depurar páginas web desarrolladas en HTML5 en dispositivos móviles

1. Abre el inspector web móvil.

Abrir a través de Configuración>Safari>Avanzado>Web Inspector. Vea la imagen a continuación () y verá la descripción correspondiente de las operaciones de la computadora en esta opción, simplemente sígala.

2. Conéctese a la computadora (Mac)

2.1 Primero abra la página web que desea depurar en Safari en su teléfono móvil y conéctela a la computadora (soy una Mac). aquí) con un cable de datos.

2.2 Luego abra Safari en la computadora y haga clic en el menú Desarrollar, verá la siguiente imagen ():

2.3 Haga clic en el nombre del sitio web en 2.2 y la consola de Safari se abrirá en la computadora como se muestra a continuación ():

3. Depura la página web

En este momento, puedes ver la estructura DOM del móvil. página web, y no es diferente de depurar la página web de la computadora cuando el mouse se desliza sobre estos nodos DOM cuando se resalta el diseño correspondiente en el teléfono móvil, como se muestra a continuación ():