如何在新的 SLACK UI 中获取 slack 用户组的子团队 ID？

Question

我想手动知道子团队/用户组的ID。

我知道在旧的 UI 中，我们在 Slack Web 浏览器中转到“人员和用户组”，搜索用户组并在 URL 中获取它，我可以在新的 Slack UI 中看到“人员”选项卡，并且能够进行搜索对于用户组，但我在 URL 中没有看到任何 ID。它只是给出https://app.slack.com/client/E12345678/people。

我需要手动方式来查找用户组的 ID，而不是 api 方式。

Answer 1

看起来可以在 Web UI 的 DOM 中找到。仍然有点嵌套，但不像“网络”选项卡中的特定请求那么糟糕。无需在开发人员工具中点击。我发现到达那里的几种方法：

从任何消息屏幕

1. 开始在任何消息框中键入内容。标记用户组。无需发送消息。
2. 右键单击用户组标签，然后单击“检查”（或浏览器的等效项）。它应该直接带您到右键单击的 HTML 元素。
3. 用户组ID可以在应该打开的

   data-id

   元素上的

   ts-mention

   属性中找到。

从“人员”选项卡

DOM

1. 转到人员 > 用户组
2. 找到您想要其 ID 的用户组。右键单击组的名称，然后打开“检查”窗口。
3. 向上大约8个父元素，列表项

   id

   元素上的

   div

   属性是用户组ID。
4. 或者，要获得比 8 个父元素更接近的元素，请在 Slack 中单击您的用户组以打开有关该组的详细信息。
5. 在打开的详细信息面板中右键单击用户组名称，然后检查。
6. ID 仅向上 2 个父元素，位于用于用户组详细信息的

   id

   元素的

   div

   属性中。

JavaScript

1. 从用户组列表中打开浏览器的开发者控制台。
2. 将此 JavaScript 代码粘贴到控制台中，将 USER_GROUP_NAME 替换为您的用户组名称或标签：

Array.from(
    document.querySelectorAll(
        "body > div.p-client_container > div > div > div.p-client_workspace_wrapper > div.p-client_workspace > div.p-client_workspace__layout > div:nth-child(2) > div:nth-child(2) > div > div > div.p-explorer_results.p-explorer_results--tinted > div:nth-child(1) > div > div > div.c-scrollbar__hider > div > div > div"
    )
).find(x => x.innerHTML.includes("USER_GROUP_NAME")).id

3. 用户组ID会被吐出。警告：如果 Slack 更改 DOM 以使此选择器无效，则不会起作用。