Access to Chrome Dev Tools in "New" Teams

2023-12-18T17:43:15.07+00:00

In the classic teams the chrome debug/devtools menu (with access to the console and network tab) similar to pressing F12 in the browser could be accessed with several left clicks followed by a right click on the system tray icon.

This does not work in "New" teams, how can the chrome debug/devtools menu be accessed in the new teams?

Microsoft Teams | Development
Microsoft Teams | Development
Building, integrating, or customizing apps and workflows within Microsoft Teams using developer tools and APIs
Microsoft Teams | Microsoft Teams for business | Other
{count} votes

1 answer

Sort by: Most helpful
  1. Paul Hill (TMI Systems - Development) 25 Reputation points
    2023-12-19T10:44:24.7733333+00:00

    For anyone else struggling with this I did find an answer on stackoverflow here: https://techcommunity.microsoft.com/t5/microsoft-teams-blog/announcing-general-availability-of-the-new-microsoft-teams-app/bc-p/3947306/highlight/true#M13303

    There is an update in the comments of the New Teams Desktop GA announcement here https://techcommunity.microsoft.com/t5/microsoft-teams-blog/announcing-general-availability-of-the-new-microsoft-teams-app/bc

    • Right click the Teams client icon in system tray to see the Engineering Tools entry point.
    • To enable engineering tool in New Teams client
    • Create a configuration.json file under: %localappdata%\Packages\MSTeams_8wekyb3d8bbwe\LocalCache\Microsoft\MSTeams
    • In the file add: {"core/devMenuEnabled": true}
    • Restart the client.
    4 people found this answer helpful.
    0 comments No comments

Your answer

Answers can be marked as 'Accepted' by the question author and 'Recommended' by moderators, which helps users know the answer solved the author's problem.