• 02/12/2021
  • 6 minutos de juego
    • m

depuración del contenido en vivo remota en un dispositivo Android de su ordenador Windows o MacOS . La página siguiente tutorial te enseña a realizar las siguientes acciones.

  • Configurar su dispositivo Android para la depuración remota y descubre que desde el equipo de desarrollo.
  • Inspeccionar y depurar el contenido en vivo en el dispositivo Android desde el equipo de desarrollo.
  • Captura de vídeo contenido de su dispositivo Android en una instancia DevTools en el equipo de desarrollo.

Notas

La depuración remota de la aplicación Microsoft Edge en dispositivos iOS actualmente no es compatible. La siguiente guía se centra específicamente en la depuración remota de Microsoft Edge en los dispositivos Android. Si usted tiene un dispositivo de MacOS, siga la guía BrightCove de depuración para depurar Microsoft Edge de forma remota en un dispositivo iOS usando Safari. Para obtener más información sobre el inspector web en Safari, vaya a Herramientas de desarrollo web Safari

. Paso 1: Descubre tu dispositivo Android

El flujo de trabajo siguiente funciona para la mayoría de usuarios. Para obtener más ayuda, vaya a Solucionar problemas: DevTools no detecta la sección del dispositivo Android.

  1. Abra la pantalla Opciones de desarrollador en su Android. Para obtener más información, vaya a Configurar las opciones de desarrollador dispositivo.

  2. Seleccione Habilitar la depuración USB.

  3. En el equipo de desarrollo, abierta Microsoft Edge.

  4. Vaya a la edge://inspect La página en Microsoft Edge.

    Página de borde: // Inspeccione en Microsoft Edge

    Figura1. Página edge://inspect en Microsoft Edge

  5. Conectar el dispositivo Android directamente al equipo de desarrollo mediante un cable USB. La primera vez que intenta conectarse, debe aparecer un mensaje en DevTools detectando un dispositivo desconocido. Aceptar la autorización del símbolo Permitir USB de depuración en el dispositivo Android.

    Figura 2. Autorización pronta Permitir depuración USB en un dispositivo Android

  6. Si se muestra el nombre del modelo de su dispositivo Android, Microsoft Edge ha establecido correctamente una conexión con el dispositivo. Continúe en la sección Paso 2.

Resolución de Problemas DevTools no detecta el dispositivo Android

Utilice los siguientes consejos para ayudarle a resolver los problemas de los parámetros correctos para su hardware.

  • Si está utilizando un concentrador USB, intente conectar el dispositivo Android directamente al equipo de desarrollo.
  • intento desconectar el cable USB entre el dispositivo Android y su computadora de desarrollo, luego vuelva a conectarla. Complete la tarea mientras que sus pantallas de Android y Desarrollo están desbloqueadas.
  • Asegúrese de que su cable USB funciona. Usted debe ser capaz de inspeccionar los archivos de su dispositivo Android desde el equipo de desarrollo.

Utilice los siguientes consejos para verificar que el software está instalado correctamente.

  • Si su computadora de desarrollo ejecuta Windows, intente instalar manualmente los controladores USB en su dispositivo Android. Para obtener más información, navegue para instalar controladores USB OEM.
  • Algunas combinaciones de dispositivos Windows y Android (incluido Samsung) requieren configuraciones adicionales. Para obtener más información, vaya a DevTools dispositivos no detecta dispositivo cuando está enchufado.

Utilice los siguientes consejos para ayudarle a solucionar problemas si el indicador permiten USB depuración N ‘no se muestra en tu Android dispositivo.

    Desconectar, nueva conexión del cable USB mientras DevTools se centra en el equipo de desarrollo y la pantalla principal de Android S ‘Pantallas.

    Notas

    El mensaje se muestra si las pantallas de Android o de desarrollo están bloqueados.

  • Actualización de la configuración de pantalla de su dispositivo Android y su equipo de desarrollo de manera que todo el mundo no se pone en modo de espera.

  • modo USB

    Definición de Android en PTP.Para obtener más información, navegue hasta el cuadro de diálogo Permitir la depuración USB no aparece en el cuadro de diálogo Permitir la depuración USB

  • Elija revocar las autorizaciones de depuración de USB de la pantalla Opciones de desarrollador en su dispositivo Android para restablecerlo a un estado fresco.

Si encuentra una solución que no se menciona en esta página o en dispositivos dispositivos no detecta el dispositivo cuando se conecta al desbordamiento de la pila, Agregue su solución a la pregunta de desbordamiento de la pila ..

Paso 2: Depurar el contenido de su dispositivo Android desde su computadora de desarrollo

    Abrir Microsoft Edge en su Android Dispositivo.

  1. Acceso edge://inspect para, Nombre Modelo Aparece su dispositivo Android, seguido del número de serie del dispositivo. Debajo de esto, se debe mostrar la versión de Microsoft Edge que se ejecuta en el dispositivo, con el número de versión entre paréntesis. Cada pestaña Abra Microsoft Edge obtiene una sección única. Puede interactuar con esta pestaña desde una sección.

    un dispositivo remoto conectado

    Figura3. Un dispositivo conectado remoto

  2. En la pestaña Abrir con un cuadro de texto URL, ingrese una URL y elija Abrir. La página se abre en una nueva pestaña en su dispositivo Android.

  3. Seleccione Inspeccione junto a la URL que abre. Se abre una nueva instancia de DevTools.

Otras acciones: enfoque, actualización o cierre de una pestaña

Elija la pestaña Focus, RECARGEzou lo cierre junto a la pestaña Quieres enfocarte, actualizar o cerrar. ****

enfoque, actualización o botones de cierre de una pestaña

Figura4. Focus, actualizar o cerrar los botones de una pestaña

div

Inspeccione los elementos

Ir a la herramienta de elementos de su instancia de DevTools y apunte a un elemento para resaltarlo en la vista de su dispositivo Android.

También puede seleccionar un elemento en la pantalla de su dispositivo Android para seleccionarlo en la herramienta Elementos. Seleccione el icono Seleccionar elemento en su instancia DevTools, y luego seleccione el elemento en la pantalla de su dispositivo Android.

Notas

Elemento seleccionado está deshabilitado después de la primera selección. Por lo tanto, debe reactivar cada vez que desee usar la funcionalidad.

captura de pantalla de su pantalla Android en su computadora de desarrollo

Elija el icono de interrupción Screencast (alternar Screencast) a Ver los contenidos de su dispositivo Android en su instancia devotols.

Puede interactuar con la captura de video de las siguientes maneras.

  • Las opciones se convierten a presiones, lo que le permite extraer los eventos táctiles apropiados en el dispositivo. Las teclas de teclas
  • en su computadora se envían al dispositivo.
  • para simular Un movimiento de pellizco, sostenga el siendo deslizamiento.
  • Para desplazarse por el mouse, use su trackpad o su rueda del mouse o huele con el puntero del mouse.

Notas

Utilice los siguientes consejos para ayudarlo a realizar una captura de video.

  • Las capturas de pantalla solo muestran los contenidos de la página. Las partes transparentes de la captura de video representan las interfaces de dispositivos, como la barra de direcciones Microsoft Edge, la barra de estado de Android o el teclado de Android.
  • Las capturas de video afectan negativamente las tasas de imágenes. Desactive la captura de video al medir rollos o animaciones para obtener una imagen más precisa del rendimiento de su página.
  • Si la pantalla de su dispositivo Android se bloquea, el contenido de su captura de video desaparece. Desbloquee la pantalla de su dispositivo Android para reanudar automáticamente la captura de video.

Póngase en contacto con el equipo de Microsoftedge de Evtools

Utilice estas opciones para discutir las características de las noticias y las modificaciones de publicación , o cualquier otro tema relacionado con DevTools.

  • Envíe sus comentarios utilizando el icono de comentarios de envío o seleccione AltShiftI \ (Windows, Linux) o Option +
    + ShiftI \ (macos) en DevTools.

  • Tweet en @EdgeDeVTools.
  • Enviar una sugerencia al sitio web de su Elección.
  • Para clasificar los errores en este artículo, use esta sección de comentarios.
  • El icono de la segregación en Microsoft Edge DevTools

    El icono Envía comentarios en Microsoft Edge DevTools

    Notas

    Algunas partes de esta página son cambios en función del trabajo creado y compartido por Google y se usan de acuerdo con las condiciones descritas en la licencia internacional 4.0 creativa ATRIBUCIÓN.
    La página original está disponible aquí y está disponible por Kayce Basques \ (escritor técnico, Chrome DevTools & faro).

    Licencia Creative Commons
    Este trabajo se concede en una licencia internacional Creative Commons Attribition4.0.

Dejar un comentario

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