How to open the developer tools in the new Microsoft Teams client
Microsoft Teams has recently rolled out a new Teams client on both Windows and MacOS, utilizing the Edge WebView2 as the host, replacing Electron from the Teams Classic. While this transition promises several advantages, it has also brought some challenges for developers who rely on inspecting and debugging their apps using browser developer tools. In this blog post, I’m showing how to open developer tools in the new Microsoft Teams client and discuss the current limitations and workarounds.
Why Opening Developer Tools Matters
Opening Developer Tools on MacOS
If you’re using the new Microsoft Teams client on MacOS and need to access developer tools for debugging purposes, you’re in luck. The process is relatively straightforward:
- First open the app you want to debug, once it loads right-click on the app or CTRL + Click to open the context menu
- In the context menu that appears after right-clicking, you should see an option labeled Inspect, click on this option
- This action will open the Edge developer tools, where you can inspect, debug, and analyze your app, just as you used to do with the Teams Classic client
Limitations on Windows
Unfortunately, the same workaround does not apply to the Windows version of the new Microsoft Teams client. As of now, there is no direct way to open developer tools in the Windows version.
Hoping for a Solution
While the workaround for MacOS is helpful, it’s essential for Microsoft to address this limitation on the Windows platform as well. The ability to open developer tools is vital for debugging and maintaining the compatibility of applications with the new Teams client.