Cómo utilizar Chrome devTools para depurar sitios web en teléfonos Android

Preparación

1. Instala Chrome (?Chrome para Android?) en tu teléfono Android

Puedes descargarlo desde App Supermarket o el sitio web oficial de Google.

2. La última versión de Chrome está instalada en el sistema informático.

La última versión de Chrome garantiza que las herramientas de desarrollador se puedan utilizar normalmente

3. El controlador USB está instalado en el teléfono Android

Compruebe en el administrador de dispositivos si el controlador está instalado correctamente. De lo contrario, debe descargarlo del sitio web oficial del teléfono, por ejemplo: controlador Xiaomi 1S. /thread-121613-1-3.html

Inicio

1. Instalar el SDK de Android

Descargar el SDK de Android, dirección: /sdk/index.html, mi máquina es Windows y el archivo descargado es adt-bundle-windows-x86, lo descomprime y lo libera en D:/soft/android/adt (también puedes elegir otras rutas)

2. para habilitar la depuración de USB

1. Configuración del sistema Android: "Configuración">>"Opciones de desarrollador">>"Depuración de USB";

2. En el navegador Chrome, haga clic en el botón de menú en la esquina inferior izquierda, "Configuración" >> "Herramientas de desarrollo" ”》“Habilitar depuración web USB”

3. Ejecute el SDK de Android

1. Configure las variables de entorno: haga clic con el botón derecho en "Mi PC" >> "Propiedades" >> "Avanzado" >> Variables de entorno"" Edite el valor de la variable "RUTA" y agregue ";D:\soft\android\adt\sdk \platform-tools" al final

2. Ejecute adb

Abra cmd, ingrese el siguiente comando:

¿Código de comando?

adb?forward?tcp:9222?localabstract:chrome_devtools_remote? Los detalles se muestran en la figura:

4. Depuración

1. sitio web que necesita ser depurado

2. Utilice Chrome en su computadora para abrir http://localhost:9222/, como se muestra en la figura:

3. >

Haga clic en el sitio web que necesita ser depurado y aparecerán las conocidas herramientas de desarrollador, como se muestra en la figura: