prefacio
Cuando se trabaja en un proyecto móvil h5, el estilo de depuración y el efecto del navegador de la computadora pueden ser diferentes del efecto que se muestra en la máquina real.Por ejemplo, algunos teléfonos móviles han activado el botón de inicio y hay desviaciones en estilos como tamano del texto. Aunque puede escanear el código QR en la página web con su teléfono móvil para ver el estilo en su teléfono móvil, sigue siendo diferente de la máquina real.
No he traído un cable de datos recientemente, así que registraré cómo usar ADB para realizar la depuración de máquinas reales inalámbricas.
1. Descarga e instalación de adb en la computadora
El nombre completo de adb es Android Debug Bridge (puente de depuración), que es una herramienta de depuración de Android. A través de esta herramienta, la computadora se puede conectar a la máquina del sistema Android para realizar una serie de operaciones, como instalar paquetes, ejecutar comandos de depuración. , controlar el sistema, etc.
Versión de Windows: https://dl.google.com/android/repository/platform-tools-latest-windows.zip
Versión para Mac: https://dl.google.com/android/repository/platform-tools-latest-darwin.zip
Versión de Linux: https://dl.google.com/android/repository/platform-tools-latest-linux.zip
Ingrese directamente la siguiente dirección en el navegador para descargar automáticamente el paquete comprimido.Después de descargarlo, descomprímalo y colóquelo en el directorio que desee. Luego configure el entorno:
windows+r abre una ventana negra, ingresa `sysdm.cpl` y presiona Enter. Avanzado->Variables de entorno->Variables del sistema->ruta (la ruta después de la descompresión).
Windows+r abre la ventana negra de nuevo, ingresa `adb --version`, aparece la información de la versión y la instalación es exitosa.
2. El teléfono móvil y la computadora están conectados bajo el mismo WiFi
3. Active la depuración inalámbrica de la opción de desarrollador en el teléfono móvil (tome Xiaomi como ejemplo)
Haga clic en Configuración->Mi dispositivo->Toda la información y los parámetros->Haga clic en Versión MIUI (siga haciendo clic hasta que se activen las opciones de desarrollador). Luego busque las opciones de desarrollador en la configuración, haga clic en él y busque la depuración inalámbrica. (Digresión: también hay depuración de USB en el interior, este método no necesita instalar abd, pero el método de depuración inalámbrica registrado en este artículo)
3. Conexión
- Asegúrese de que el SDK sea la última versión (`adb --version >= 30.0.0`);
- Ejecute `adb pair ip:port`, ingrese el código de emparejamiento, la dirección IP y el número de puerto que se muestra en la depuración inalámbrica del teléfono móvil;
- De acuerdo con el aviso, ingrese el código de emparejamiento que se muestra en la depuración inalámbrica del teléfono móvil, y el sistema mostrará un mensaje que indica que su dispositivo se ha emparejado con éxito;
- Ejecute `adb -connet ip:port`. (solo para Linux o Windows)
4. El teléfono móvil escanea el código QR generado por la página web (tome edge como ejemplo)
5. Depuración del navegador (tome edge como ejemplo)
Ingrese `edge://inspect` en el navegador y presione Enter
Su dispositivo aparecerá aquí, haga clic en la etiqueta azul inspeccionar y aparecerá una ventana de depuración. En este momento, también se sincronizará cualquier ventana operada en el teléfono móvil.