DevTools für Microsoft Teams-RegisterkartenDevTools for Microsoft Teams tabs

Wenn Microsoft Teams in einem Browser läuft, können Sie ganz einfach auf die devtools des Browsers zugreifen: F12 (unter Windows) oder Command-Option-I (unter MacOS).When Teams is running in a browser, it’s easy to access the browser's DevTools: F12 (on Windows) or Command-Option-I (on MacOS). Die devtools ermöglicht den Zugriff auf:The DevTools gives you access to:

  1. Anzeigen von Konsolen ProtokollenView console logs.
  2. Anzeigen/Ändern von HTML-, CSS-und Netzwerkanforderungen während der Laufzeit.View/modify html, css, and network requests during runtime.
  3. Fügen Sie Ihrem JavaScript-Code Haltepunkte hinzu, und führen Sie ein interaktives Debugging aus.Add breakpoints to your JavaScript code, and perform interactive debugging.

Das Feature steht nur in Desktop-und Android-Clients zur Verfügung, nachdem die Entwicklervorschau aktiviert wurde.The feature is only available in desktop and Android clients after Developer Preview has been enabled. Weitere Informationen finden Sie unter How do I enable Developer Preview .See How do I enable Developer Preview for more information.

Zugreifen auf devtools auf dem DesktopAccessing DevTools in the Desktop

Während die Webversion von Teams und die Desktop Version von Microsoft Teams nahezu identisch sind, gibt es einige Unterschiede, insbesondere im Hinblick auf die Authentifizierung.While the web version of Teams and the desktop version of teams are almost exactly the same, there are some differences, particularly with respect to authentication. Manchmal ist die Verwendung der devtools die einzige Möglichkeit, um herauszufinden, was vor sich geht.Sometimes the only way to figure out what’s going on is to use the DevTools. Hier erfahren Sie, wie Sie vom Microsoft Teams-Desktop Client aus dorthin gelangen.Here's how to get to them from the Teams desktop client. So verwenden Sie devtools im Desktop Client:To use DevTools in the desktop client:

  1. Stellen Sie sicher, dass Sie die Entwicklervorschau aktiviert habenMake sure you have enabled developer preview
  2. Öffnen Sie eine Registerkarte, damit Sie mit dem devtools etwas zu inspizieren haben.Open up a tab so you have something to inspect with the DevTools.
  3. Öffnen des devtoolsOpen the DevTools
    • Unter Windows öffnen Sie devtools über das Microsoft Teams-Symbol in der Desktop Ablage:On Windows, you open DevTools via the Microsoft Teams icon in the desktop tray:

Klicken Sie mit der rechten Maustaste, um devtools zu öffnen

* <span data-ttu-id="9c071-122">Klicken Sie unter MacOS auf das Microsoft Teams-Symbol im Dock.</span><span class="sxs-lookup"><span data-stu-id="9c071-122">On MacOS, click on the Microsoft Teams icon in the Dock.</span></span>

Hier sehen Sie, wie eine Beispielregisterkarte aussieht, wenn das devtools geöffnet und ein Element ausgewählt ist:Here’s what a sample tab looks like with the DevTools open and an element selected:

Tab-und DevTools

Zugriff auf devtools von einem Android-Client ausAccessing DevTools from an Android client

Sie können die devtools auch über den Android-Client von Teams aktivieren.You can also enable the DevTools from the Teams Android client. Gehen Sie hierzu folgendermaßen vor:To do so:

  1. Stellen Sie sicher, dass Sie die Entwicklervorschau aktiviert habenMake sure you have enabled developer preview
  2. Verbinden des Geräts mit dem Desktopcomputer und Einrichten des Android-Geräts für das Remote DebuggingConnect your device to your desktop computer, and setup your Android device for remote debugging
  3. Öffnen chrome://inspect/#devicesSie in Ihrem Chrome-Browser.In your Chrome browser, open chrome://inspect/#devices.
  4. Klicken Sie auf über prüfen unter der Registerkarte, die Sie debuggen möchten, wie im Screenshot unten beschrieben.Click inspect below the tab you wish to debug, as in the screenshot below.

Android-devtools