Chrome开发者工具：如何从书签/代码片段中访问DOM元素$0指针

Question

8

是否可以从书签或控制台片段访问$0 DOM元素指针？

有关$0的更多信息

开发者工具会记住您在选项卡（或配置文件面板）中选择的最后五个DOM元素（或JavaScript堆对象）。它将这些对象作为$0、$1、$2、$3和$4提供。$0返回最近选择的元素或JavaScript对象，$1返回第二个最近选择的对象，以此类推。

- venkat

你的问题中包含“在控制台中”，显然答案是肯定的，因为如果你复制任何包含$0的JavaScript代码并在DevTools的控制台选项卡中运行它，它将会工作，但不适用于书签栏。 - TWiStErRob

现在Snippets中已经支持了。请查看我的回答。 - Kayce Basques

3个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- user3692823 · Answer 1

我也一直在寻找这样的方法。虽然我没有找到，但我发现一个很好的折中方案是使用一个书签脚本将代码片段复制到我的剪贴板上。我经常使用$0和angular来获取元素的作用域，就像这样：angular.element($0).scope()

所以我有一个书签脚本，可以将那行代码复制到我的剪贴板上，然后我可以非常容易地将其粘贴到控制台中。根据您想要使用$0的方式，也许这对您有帮助。

这里是一个链接，介绍如何使用JavaScript将文本复制到剪贴板：如何在JavaScript中复制到剪贴板？

- Vadim Kirilchuk · Answer 2

在书签中，我只是使用了angular.element(this.document)而不是angular.element($0)，这对我起作用了。

- Kayce Basques · Answer 3

这在Chrome 65版本中似乎可以运行。

我有一个运行的代码片段：

console.log('$0 points to', $0);

在这个 GIF 中（如果太小请右键单击> 在新标签页中打开图像），您可以看到每次选择一个新元素并重新运行片段时，引用都会更新。FYI，我是通过在命令菜单中输入!后跟脚本名称来运行片段的。