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

Question

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

等快捷方式

Strg + Shift + I ， Strg + Alt + 我， Shift + Alt + I ，

F12 ， Strg + F12 ， Shift + F12 ， Strg + Shift + F12 ， Strg + Alt + F12

不能工作。

我不仅仅使用浏览器版本的原因是同一个应用程序在浏览器和桌面版本中表现不同，这使得这些开发工具成为调试所必需的。

Answer 1

以下是将开发人员菜单添加到Microsoft团队的代码段：

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 2

右键单击“团队”托盘图标，然后选择打开DevTools 。 仅在团队开发人员版本中可用。请参见this Microsoft doc.

Answer 3

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

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

如果启用了开发模式，请右键单击“团队”任务栏图标，然后选择“打开开发工具”。

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

• 打开显示隐藏的项目
• 单击“团队”图标7次。 （通常为左键点击）
• 现在右键单击“团队”图标，您将看到所有开发人员选项。

谢谢。

Answer 4

打开你的系统托盘：

右键单击 MS 团队：

Answer 5

对于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);
        }
    }
})