google-chrome - Chrome 开发者工具中的 ==$0( double 等于零)是什么意思？

Question

在 Google Chrome 的开发者工具中，当我选择一个元素时，我会在所选元素旁边看到 ==$0。这是什么意思？

Answer 1

这是最后选择的 DOM 节点索引。 Chrome 会为您选择的每个 DOM 节点分配一个索引。因此，$0 将始终指向您选择的最后一个节点，而 $1 将指向您之前选择的节点。将其视为最近选择的节点的堆栈。

作为示例，请考虑以下内容

<div id="sunday"></div>
<div id="monday"></div>
<div id="tuesday"></div>

现在您打开了 devtools 控制台并按上述顺序选择了 #sunday、#monday 和 #tuesday，您将获得如下 ID :

$0 -> <div id="tuesday"></div> 
$1 -> <div id="monday"></div>
$2 -> <div id="sunday"></div>

注意:知道节点在脚本(或控制台)中是可选的可能很有用，例如，一种流行的用途是角度元素选择器，因此您可以简单地选择节点并运行:

angular.element($0).scope()

瞧，您可以通过控制台访问节点范围。