DevTools pour les onglets Microsoft Teams

  • Article

Lorsque Teams s’exécute dans un navigateur, il est facile d’accéder à DevTools : F12 sur Windows ou à Command-Option-I sur macOS. DevTools vous donne accès à :

  1. Afficher les journaux de la console.
  2. Affichez ou modifiez les requêtes HTML, CSS et réseau pendant le runtime.
  3. Ajoutez des points d’arrêt à votre code JavaScript et effectuez un débogage interactif.

Remarque

La fonctionnalité est disponible uniquement pour les clients de bureau et Android après l’activation de la Version préliminaire pour développeurs. Pour plus d’informations, consultez Comment activer la version préliminaire pour les développeurs.

Accéder à DevTools sur le bureau

Bien que la version web et la version de bureau de Teams soient presque les mêmes, il existe des différences relatives à l’authentification. Utiliser DevTools est parfois la seule façon de savoir ce qui se passe. Pour utiliser DevTools dans le client de bureau, vous devez :

  1. Vérifiez que vous avez activé Activer la préversion pour les développeurs.
  2. Ouvrir un onglet pour que vous ayez un élément à inspecter avec DevTools.
  3. Ouvrez DevTools de l’une des manières suivantes :

    • Sur Windows, vous ouvrez DevTools via l’icône Microsoft Teams dans la barre d’état du bureau.

      Capture d’écran montrant l’option permettant d’ouvrir DevTools à partir du bureau Windows.

    • Sur macOS, sélectionnez l’icône Microsoft Teams dans le Dock.

      Capture d’écran montrant l’option permettant d’ouvrir DevTools à partir du dock macOS.

L’exemple suivant montre DevTools ouvert et inspectant une boîte de dialogue de configuration d’onglet :

Capture d’écran montrant l’onglet et DevTools.

Accéder à DevTools à partir d’un appareil Android

Vous pouvez également activer DevTools à partir du client Android Teams. Pour activer DevTools, vous devez :

  1. DevTools pour Android est disponible uniquement sur la version bêta de l’application Teams. Pour rejoindre la version bêta de l’application Teams, suivez les instructions indiquées dans Obtenir des versions bêta des applications.

    Capture d’écran montrant l’option permettant de rejoindre la version bêta.

  2. Activer la version préliminaire pour développeurs.

  3. Connecter votre appareil sur votre ordinateur de bureau, puis configurez votre appareil Android pour le débogage à distance.

  4. Dans votre navigateur Chrome, ouvrez chrome://inspect/#devices.

  5. Sélectionnez Inspecter sous l’onglet à déboguer, comme dans l’image suivante :

    Capture d’écran montrant android DevTools.

Voir aussi