在Chrome开发者工具中,== $ 0(double等于零美元)是什么意思?

在Google Chrome的开发者工具中,当我select一个元素时,我会在所选元素旁边看到==$0 。 这意味着什么?

截图

这是最后select的DOM节点索引。 Chrome会为您select的每个DOM节点分配一个索引。 所以$0总是指向你select的最后一个节点,而$1将指向你之前select的节点。 把它看作是一堆最近选定的节点。

作为一个例子,考虑以下几点

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

现在你打开devtools控制台, #monday提到的顺序select#sunday#monday#tuesday ,你将得到如下的id:

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

注意:在脚本(或控制台)中可以select节点可能是有用的,例如一个stream行的用法是angular度元素select器,所以你可以简单地select你的节点,然后运行:

 angular.element($0).scope() 

你可以通过控制台访问节点范围。

$ 0返回最近select的元素或JavaScript对象,$ 1返回最近select的第二个元素或JavaScript对象,依此类推。

请参阅: 命令行API参考

这里的其他答案清楚地解释了这是什么意思。我想解释它的用法。

您可以在elements选项卡中select一个元素,然后在chrome中切换到console选项卡。 只需input$0 or $1或任何数字,然后按回车键,元素将显示在控制台供您使用。

chrome开发工具的截图

仅供参考:$ 0在运行时不起作用

 setTimeout(() => console.log($0), 0); // $0 is not defined 

例:

Chrome控制台