Depuración remota de dispositivos Android mediante Chrome DevTools | Por Nidhin kumar | Marzo de 2022
Si no tienes tiempo para leer pero quieres saber qué hay en esta publicación. Encuentra una lectura rápida 👇
En este blog, veremos cómo inspeccionar una página que se ejecuta en un dispositivo Android desde una máquina local mediante la depuración remota y Google Chrome.
- Configure y descubra su dispositivo Android para la depuración remota desde su computadora local
- Inspeccione y depure contenido en vivo en dispositivos Android desde su computadora local
- Captura de pantalla de su dispositivo Android a la instancia de DevTools
- Abierto Opciones de desarrollador pantalla en un dispositivo Android. ver 👉 Configurar las opciones de desarrollador en el dispositivo
- escoger Habilitar depuración de USB
- Abierto Aleación de cromo En su computadora local y escriba lo siguiente en la barra de búsqueda
chrome://inspect#devices
- asegurarse Dispositivo USB descubierto casilla de verificación habilitada
5. Conecte su dispositivo Android directamente a su computadora local usando un cable USB, luego haga clic en el mensaje Confiar en esta computadora que se muestra en el dispositivo Android cuando se conecta a la depuración USB por primera vez
6. Si su dispositivo aparece como desconectadoaceptar Permitir la depuración USB Aviso de permiso en dispositivos Android.
7. Una vez que el dispositivo está conectado, puede ver la información del dispositivo, como el nombre del modelo del dispositivo Android, el número de serie y, si alguna aplicación usa WebView, también verá una sección para cada aplicación.
En la pestaña Abrir con URL, ingrese la URL que se abrirá en su dispositivo Android
Después de abrir la página, puede ver opciones como Verificar, Pausar, Pestaña enfocada, Recargar y Cerrar.
ir elemento Un panel de una instancia de DevTools, luego pasar el cursor sobre un elemento para resaltarlo en la ventana gráfica del dispositivo Android.
También puede tocar elementos en la pantalla de su dispositivo Android para elemento Panel de control.
Haga clic en Alternar Screencast para ver el contenido de su dispositivo Android en su instancia de DevTools.
Puede interactuar con los screencasts de varias maneras
- Los toques se convierten en toques, activando los eventos táctiles correctos en el dispositivo.
- Las pulsaciones de teclas en la computadora se envían al dispositivo.
- Para simular un gesto de pellizco, mantenga presionada la tecla Mayús mientras arrastra.
- Para desplazarse, use el trackpad o la rueda del mouse, o deslice el puntero del mouse.
Algunas notas sobre los screencasts
- Las capturas de pantalla solo muestran el contenido de la página. La parte transparente del screencast representa la interfaz del dispositivo, como la barra de direcciones de Chrome, la barra de estado de Android o el teclado de Android.
- Screencasting afecta negativamente a la velocidad de fotogramas. Deshabilite las capturas de pantalla cuando mida el desplazamiento o las animaciones para obtener una imagen más precisa del rendimiento de su página.
- Si la pantalla de su dispositivo Android está bloqueada, sus capturas de pantalla desaparecerán. Desbloquee la pantalla de su dispositivo Android para reanudar automáticamente la toma de capturas de pantalla.
Ha aprendido a usar Chrome Devtools para depurar de forma remota su dispositivo Android. Nos pondremos al día con usted en una nueva publicación hasta entonces Feliz aprendizaje 🙂