适用于 Microsoft Teams 选项卡的开发工具

当 Teams 在浏览器中运行时,可以轻松访问浏览器的开发工具。 若要在 Windows 中访问开发工具,请按 F12,在 macOS 中按 Command-Option-I。 开发人员工具使你能够访问:

  • 查看控制台日志。
  • 在运行时查看或修改 HTML、CSS 和网络请求。
  • 将断点添加到 JavaScript 代码并执行交互式调试。

注意

开发工具仅适用于桌面和 Android 客户端。 若要访问开发工具,必须启用 公共预览版。

在桌面上访问开发工具

虽然 Teams 的 Web 版本和桌面版本几乎相同,但在身份验证方面存在一些差异。 有时,弄清楚正在发生的事情的唯一方法就是使用开发工具。 若要在桌面客户端中使用开发工具,请执行以下步骤:

  1. 启用 公共预览版。 必须重启 Teams 才能查看开发工具选项。

  2. 打开一个选项卡以使用开发工具进行检查。

  3. 通过以下方式之一打开开发工具:

    • 在 Windows 上:打开桌面托盘,然后右键单击以选择 Microsoft Teams 图标。 选择“ 打开开发工具”:

      屏幕截图显示了从 Windows 桌面打开开发工具的选项。

    • 在 macOS 上:选择 “打开开发工具”:

      屏幕截图显示了从 macOS Dock 打开开发工具的选项。

    以下示例显示了 DevTools: 屏幕截图显示了选项卡和 DevTools。

从 Teams Android 客户端访问 DevTools

可以在 Teams Android 客户端中启用 DevTools。 若要启用 DevTools,请执行以下步骤:

  1. DevTools for Android 仅在 Teams 应用的 beta 版本上可用。 若要加入 Teams 应用的测试版,请按照获取应用的测试版中列出的说明进行操作。

    屏幕截图显示了加入 beta 版的选项。

  2. 启用 公共预览版。 必须重启 Teams 才能查看开发工具选项。

  3. 将设备连接到台式计算机,并设置 Teams Android 客户端 进行远程调试。

  4. 在 Chrome 浏览器中,打开 chrome://inspect/#devices。

  5. 选择要调试的选项卡下的 检查 ,如下图所示:

    屏幕截图显示 Android DevTools。

访问 DevTools for Teams iOS 客户端

可以在 Teams iOS 客户端上访问 DevTools。 这包括满足必要的先决条件并按照步骤激活它。

先决条件

若要访问适用于 Teams iOS 客户端的 DevTools,请确保满足以下要求:

  • 配备 Safari 的 Mac 系统。
  • Teams iOS 版本 6.10.0 或更高版本。 可以从 AppStore 下载 Microsoft Teams for iOS。

为 Teams iOS 客户端激活开发工具

若要激活 DevTools,请执行以下操作:

  1. 确认用户或租户是否已为定向发布激活。 如果没有,则需要启用它。

    有关详细信息,请参阅 整个组织的定向发布。

    重要

    为用户或租户启用定向发布后,请等待 24 小时,以便设置生效。 在此期限之后,请尝试注销,然后重新登录 Teams iOS 客户端以确认其激活。

  2. 登录到 Teams iOS 应用并激活开发人员预览版。 有关开发人员预览版的详细信息,请参阅 Teams 的公共开发人员预览版。

  3. 为 Mac 系统和 iOS 客户端启用 Web 检查器。 有关详细信息,请参阅 启用 Web 检查器。

  4. 将 Teams iOS 客户端连接到 Mac 系统。 出现提示时,请确认您信任客户端并同意允许连接。

    您会在 Mac 系统上的 Safari 中的 “开发” 选项下找到您的 iOS 客户端。

  5. 从 Mac 系统上 Safari 的 “开发 ”菜单中,选择“ 用于开发... ”。 这是一次性设置,可在首次使用 Safari 访问 iOS 客户端的 DevTools 时配置。

    屏幕截图显示了使用 Safari 开发或检查连接的 Teams iOS 客户端上使用的任何应用的链接。

  6. 在连接的 Teams iOS 客户端上打开 Teams,然后在 Teams 中打开应用。

  7. 在 “开发” 菜单中,选择连接的 iOS 客户端以查看应用的检查链接。

    屏幕截图显示应用程序的应用检查链接。

  8. 选择链接以打开应用的 Safari Web 检查器。

    屏幕截图显示了 Safari 中的 Web 检查器。

    现在可以将 DevTools 用于 Teams iOS 客户端。

另请参阅