（如何）我可以在 Microsoft Teams 桌面客户端中打开开发工具吗？

Question

我以为我最近看到开发人员从 Microsoft Teams 桌面客户端（适用于 Windows）中打开了开发工具，但我无法轻松复制它。

快捷方式如

Strg+ Shift+ I, Strg+ Alt+ I, Shift+ Alt+ I,

F12, Strg+ F12, Shift+ F12, Strg+ Shift+ F12, Strg+ Alt+F12

不工作。

我不只是使用浏览器版本的原因是同一个应用程序在浏览器和桌面版本中的行为不同，这使得这些开发工具对于调试来说是必要的。

Answer 1

安装团队桌面。下面给出官方链接，

https://products.office.com/en-in/microsoft-teams/download-app

如果启用了开发模式，请右键单击团队托盘图标并选择打开开发工具。

否则，请按照以下步骤启用开发模式，

• 打开 显示隐藏项目
• 单击团队图标 7 次。（正常左键单击）
• 现在右键单击 Teams 图标，您将看到所有开发选项。

更新：

现在一个名为 DevTools 的新菜单打开，如图所示。以前很多开发选项会直接显示。

Answer 2

这是将开发人员菜单添加到微软团队的一段代码：

trayDockMenuClickedDebugModeCheck() {
    if (this.isDebugModeEnabled() || appConfig.getInstance().getSetting(constants.settings.debugMenuDisabled)) {
        return;
    }
    this.debugMenuClickCount++;
    if (this.debugModeClickTimer) {
        clearTimeout(this.debugModeClickTimer);
        this.debugModeClickTimer = null;
    }
    if (this.debugMenuClickCount >= 4) {
        this.loggingService.logInfo('Enabling debug mode. Click count:' + this.debugMenuClickCount);
        this.debugModeEnabled = true;
        this.eventingService.emit(constants.events.debug.debugModeToggle);
    }
    else {
        this.debugModeClickTimer = setTimeout(() => {
            this.debugMenuClickCount = 0;
        }, constants.timeInMiliseconds.second * 30);
    }
}

基本上，您必须在托盘图标中快速单击 4 次或更多次。

Answer 3

对于linux用户来说，这个过程是完全不同的。Open您需要多次单击按钮。

一旦完成，你会看到类似的东西

来源

click: () => __awaiter(this, void 0, void 0, function* () {
    yield this.restoreWindow();
    // **Enable dev menu by clicking multiple times on Open for linux as electron does not report click events from tray icon**
    if (utility.isLinux() && this.trayAppIcon) {
        AppStateService.getInstance().trayDockMenuClickedDebugModeCheck();
        if (AppStateService.getInstance().isDebugModeEnabled() && !this.isDebugMenuSetUp) {
            this.buildContextMenu();
            this.trayAppIcon.setContextMenu(this.contextMenu);
        }
    }
})

Answer 4

右键单击 Teams 托盘图标并选择“打开 DevTools”。这仅在 Teams 的开发人员版本中可用。请参阅此 Microsoft 文档。