How to debug JavaScript code executed inside Microsoft Teams tab?

Question

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.

Answer 1

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. 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.