我正在 KDE 桌面环境中使用 Web Slice 小部件，我想知道如何找到 Hangouts.google.com 上环聊框的 CSS 标识符（或者 CSS 标识符是什么），以便我可以将 Web Slice 设置为仅显示页面的那部分。
Web Slice 小部件的信息如下：
Webslice 小部件允许您在桌面或面板中显示网页的一部分。Webslice 是完全交互式的。在 URL 字段中指定网页的 URL。在要显示的元素字段中，填写 CSS 标识符（例如，对于 id 为“mybox”的元素，填写 #mybox）。这是首选方法，因为它最适合网页上的布局更改。”或者，您可以在网页上指定一个矩形作为切片使用。使用像素为“x,y,width,height”，例如“100,80,300,360”。对于没有为上述机制提供足够语义标记的网页，此方法是后备方法。如果同时使用这两种方法（元素和几何），则元素将优先。
答案1
网页切片小部件指的是网页内的“id”——这实际上是一个id=""可以附加到某个div元素或任何其他元素的标签。
最好在比 Hangouts 简单得多的页面上进行测试，这样您就可以了解它的工作原理。
您需要使用安装了开发人员工具的浏览器，我将使用此网站作为示例。
当您查看问题时，在超级用户页面的右侧，有一个侧边栏，其中包含元帖子和相关问题。假设您想要侧边栏的网页片段。
如果您右键单击该区域并选择“检查”，您将看到 HTML 视图。从您选择的元素向上，您需要找到一个包含您想要的网页切片中的整个区域的元素。
您可以通过将鼠标悬停在元素上来查看其工作原理 - 逐步遍历每个元素，直到找到使整个部分变成蓝色的元素。
你会看到的<div id="sidebar" class="show-votes">
这涵盖了整个侧边栏，因此使用此问题的 URL 和“侧边栏”的 id，您将仅获得侧边栏的网页片段。
对 Hangouts 执行同样的操作比较棘手。实际上，每个对话都是一个独立的网页。如果弹出对话，您会看到它有一个 URL，但是如果您将该 URL 放入新的浏览器窗口，您将看不到任何内容。网页切片也会发生同样的情况。这可能无法实现，因为有 JavaScript 维护状态，而状态不会随 URL 一起迁移。
联系人列表同样很难。它包含在 iframe 中。iframe 被包裹在 id 为“hangout-landing-chat”的 div 中，因此有可能可行，但可能性不大。
简而言之，idwebslice 指的是网页元素 (例如 div) 的 id，它包含您想要查看的页面的所有部分 - 它是它们的父级。