Chrome开发工具：从bookmarklet / Snippet访问DOM元素$ 0指针

Question

是否可以从consolelet中的bookmarklet或snippet访问$ 0 DOM元素指针。？

有关$ 0的更多信息

https://developers.google.com/chrome-developer-tools/docs/commandline-api#0_-_4

  

Dev Tools会记住您在选项卡（或“个人档案”面板）中选择的最后五个DOM元素（或JavaScript堆对象）。它使这些对象可用为$ 0，$ 1，$ 2，$ 3和$ 4。 $ 0返回最近选择的元素或JavaScript对象，$ 1返回最近选择的第二个元素，依此类推。

Answer 1

我一直在寻找一种方法来做到这一点。我还没有找到一个，但我发现一个很好的折衷方案是将一小段代码复制到我的剪贴板上。我使用带有角度的$ 0来获取元素的范围，如下所示：angular.element（$ 0）.scope（）

所以我有一个书签，将该行复制到我的剪贴板，然后我可以很容易地将其粘贴到控制台中。根据您想要使用$ 0的内容，也许这将为您提供帮助。

以下是使用javascript将文本复制到剪贴板的链接： How do I copy to the clipboard in JavaScript?

Answer 2

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

Answer 3

这似乎与Chrome 65一样。

我有一个运行的代码段：

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

在GIF中（右键单击＆gt; 在新标签页中打开图像，如果它太小），您可以看到每次我选择新元素然后重新运行时引用都会更新片段。仅供参考我通过输入!，然后输入脚本名称，从Command Menu运行代码段。