DevTools para las pestañas de Microsoft Teams
Cuando se ejecuta Teams en un explorador, es fácil obtener acceso a la DevTools del explorador: F12 (en Windows) o Comando-opción-I (en MacOS). El DevTools proporciona acceso a:
- Ver los registros de la consola.
- Ver o modificar las solicitudes de HTML, CSS y red durante el tiempo de ejecución.
- Agregue puntos de interrupción al código JavaScript y realice la depuración interactiva.
La característica solo está disponible en los clientes de escritorio y Android después de que se haya habilitado la vista previa para desarrolladores. Vea Cómo habilito la vista previa para desarrolladores para obtener más información.
Acceso a DevTools en el escritorio
Aunque la versión Web de Teams y la versión de escritorio de Teams son casi exactamente iguales, hay algunas diferencias, especialmente con respecto a la autenticación. A veces, la única forma de averiguar qué está ocurriendo es usar el DevTools. Esta es la manera de obtener acceso a ellos desde el cliente de escritorio de Microsoft Teams. Para usar DevTools en el cliente de escritorio:
- Asegurarse de que ha habilitado la vista previa para desarrolladores
- Abra una pestaña para tener algo que inspeccionar con el DevTools.
- Abra el DevTools
- En Windows, se abre DevTools a través del icono de Microsoft Teams en la bandeja del escritorio:
* En MacOS, haga clic en el icono de Microsoft Teams en el Dock.
Este es el aspecto de una pestaña de muestra con el DevTools abierto y un elemento seleccionado:
Acceso a DevTools desde un cliente de Android
También puede habilitar DevTools desde el cliente de Android de Teams. Para ello:
- Asegurarse de que ha habilitado la vista previa para desarrolladores
- Conectar el dispositivo a su equipo de escritorio y configurar el dispositivo Android para la depuración remota
- En el explorador Chrome, Abra
chrome://inspect/#devices
. - Haga clic en inspeccionar debajo de la pestaña que desea depurar, como se muestra en la siguiente captura de pantalla.