DevTools para pestañas de Microsoft Teams

Cuando Teams se ejecuta en un explorador, es fácil acceder a DevTools del explorador: F12 en Windows o Command-Option-I en MacOS. DevTools le proporciona acceso a:

  1. Ver registros de consola.
  2. Ver o modificar solicitudes HTML, CSS y de red durante el tiempo de ejecución.
  3. Agregue puntos de interrupción al código JavaScript y realice la depuración interactiva.

Nota

La característica solo está disponible para clientes de escritorio y Android después de habilitar la vista previa de desarrollador. Para obtener más información, vea How do I enable developer preview.

Access DevTools en el escritorio

Aunque la versión web y la versión de escritorio de Teams son casi iguales, existen algunas diferencias con respecto a la autenticación. A veces, la única forma de averiguar lo que está sucediendo es usar DevTools. Para usar DevTools en el cliente de escritorio, debe:

  1. Asegúrese de que ha habilitado la vista previa del desarrollador.
  2. Abra una pestaña para que tenga algo que inspeccionar con DevTools.
  3. Abra DevTools de una de las siguientes maneras:
    • Al Windows, abra DevTools a través del Microsoft Teams en la bandeja de escritorio:
      Haga clic con el botón secundario para abrir DevTools
    • En MacOS, haga clic en el Microsoft Teams en dock.

En el ejemplo siguiente se muestra DevTools abierto e inspeccionando un cuadro de diálogo de configuración de tabulación:

Tab y DevTools

Access DevTools desde un dispositivo Android

También puedes habilitar DevTools desde el Teams Android. Para habilitar DevTools, debe:

  1. Habilitar la vista previa del desarrollador.

  2. Conectar el dispositivo al equipo de escritorio y configura el dispositivo Android para la depuración remota.

  3. En el explorador Chrome, abra chrome://inspect/#devices .

  4. Seleccione inspeccionar debajo de la pestaña que desea depurar, como en la siguiente imagen:

    Android DevTools