9

I am developing a Microsoft Teams app. The documentation does not mention how to debug the actual JS code running inside the teams app.

For other office 365 add-ins based on Office JS like outlook, word etc. we can use F12 tool to debug the JavaScript. I am looking for a similar experience for teams addin.

Any help in this regard would be appreciated.

3 Answers 3

21

You can debug native team’s client without any configurations by enabling developer tools on teams. To enable developer mode click 7 times on the team’s status icon as shown below. Screenshot Once the developer mode enabled, right click on it and you can see two main options open DevTools (Main Window) and Open DevTools (All WebContents) to debug the team applications.

2
  • 2
    Thanks, just what I needed. Microsoft fails to mention the clicking 7 times.
    – paddotk
    Mar 11, 2020 at 13:51
  • any idea how to do this for Mac OS? Oct 11, 2021 at 8:48
1

On MacOS, to access developer tools, you first have to enter developer preview mode. Click the three dots at the upper right corner, next to your profile, select About, then click Developer preview.

enter image description here

Then right click Microsoft Teams in the dock and select Open DevTools.

enter image description here

0

This is also documented here now:

https://learn.microsoft.com/en-us/microsoftteams/platform/tabs/how-to/developer-tools#access-devtools-on-the-desktop

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.