可以链接到 Chrome Inspector 中的特定元素吗？答案

【问题标题】：Possible to link to a specific element in Chrome Inspector?可以链接到 Chrome Inspector 中的特定元素吗？
【发布时间】：2017-09-14 21:31:01
【问题描述】：

在 Chrome Inspector > Elements 选项卡中链接到特定元素会很有用。例如，给定一个具有以下 HTML 的页面：

<div>
  <div id="box">A box element</div>
</div>

是否可以在 Chrome Inspector > 元素选项卡中创建指向 #id 元素的链接。

换句话说，是否可以创建指向 URL 的链接，打开 Chrome Inspector 并自动选择 #box 元素？

这可以使用元素的 XPath 来完成，如果有某种方法可以通过 URL 打开 Chrome 开发工具，类似于 view-source:URL。

【问题讨论】：

可能不会。你打算用这样的 URL 做什么？（您认为您可以使用查看源 URL 做什么？您当然不能从普通网页链接到它。）
这对于与他人一起调试和教育很有用。
FWIW 你也可以在 devtools 控制台中输入inspect($('#id'))（如果页面有jQuery，则输入inspect($('#id')[0])）。另外，也许有人已经为 devtools 写了一个扩展面板，或者你可以这样做:)

【解决方案1】：

您可以右键单击一个元素并选择“复制选择器”或“复制 XPath”。在 Elements 面板中按 Cmd-F 会弹出一个带有“按字符串、选择器或 XPath 查找”的搜索栏，因此您可以使用它来将某人指向特定页面上的特定元素。

【讨论】：