Como depurar páginas web en Chrome para Android en el ordenador


Chrome

Como administrador de un blog, depurar mi sitio web personal con Chrome para ver cómo serían los cambios en el tema y CSS antes de implementarlos permanentemente al servidor. No hacía mucho tiempo cuando nunca prestaba atención a las páginas para móviles, ya que sólo pocos visitantes visitaban mi sitio mediante un teléfono inteligente. Pero hoy en día, un porcentaje importante de visitantes se compone de teléfonos inteligentes y tabletas y, por tanto, se ha convertido en necesario cuidar de su apariencia y presentación.

Si se tratara de una página en el ordenador, una de las que se podría haber depurado fácilmente mediante la opción del menú contextual del clic derecho de Chrome, pero esta no es la opción de las páginas del móvil. Por lo tanto, hoy te mostraré cómo puede depurar páginas web para móviles en el ordenador mediante Chrome para Android y el SDK de Android.

Depuración de la página web

Paso 1: Descargue el e instálelo SDK de Android en el ordenador y ejecútelo. El instalador le pedirá que descargue Java si no lo tiene instalado.

Por primera vez que ejecute el SDK de Android en el ordenador, le pedirá que descargue varias API y herramientas. Si su propósito único de instalar Android SDK es depurar las páginas, desactive todo excepto Herramientas de la plataforma SDK de Android y haga clic en Instale el paquete botón.


Android SDK

Paso 2: Después de instalar las herramientas de la plataforma Android, abra Run Box (Windows + R) y ejecute % Userprofile% AppData Local Android android-sdk platform-tools para abrir el directorio de herramientas de la plataforma Android.


Ejecuta la orden

Paso 3: Mantenga pulsada la tecla Ctrl + Mayús y haga clic con el botón derecho en la carpeta para abrirla. También puede abrir la línea de comandos mediante el cuadro Ejecutar y ir a la carpeta manualmente.


solicitud Cmd

Paso 4: Una vez hecho esto, abra Chrome en el teléfono Android, abre Configuración -> Herramientas para desarrolladores y marque la opción Habilitar depuración web USB.


Depuración USB de Chrome

Paso 5: Ahora, a la línea de comandos, ejecute el adb forward tcp: 9222 localabstract: chrome_devtools_remote y abra el navegador Chrome en Windows si se ejecuta correctamente.

Paso 6: Abra la página que desea depurar el navegador Chrome Android y abra la URL localhost: 9222 el navegador Chrome del ordenador.


selección

Esto es todo, verá todas las páginas abiertas en el navegador Android como miniaturas en el ordenador. Para abrir la página de depuración, basta con hacer clic en la miniatura del sitio web correspondiente. Podrá hacer un seguimiento de los cambios de depuración que haga a su equipo directamente a Android en tiempo real.

conclusión

Estoy seguro de que este truco ayudará muchos desarrolladores web a optimizar sus páginas web para teléfonos inteligentes. He utilizado el truco para configurar mis páginas web y me salió encantador. Sin embargo, si conoce una manera mejor de depurar las páginas web de los teléfonos inteligentes en el ordenador, compártela con nosotros.

Última actualización: 8 de febrero de 2018


El artículo anterior puede contener enlaces de afiliación que ayuden a apoyar Noticias Móviles. Sin embargo, no afecta nuestra integridad editorial. El contenido se mantiene imparcial y auténtico.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *