Что означает ==$0 (двойной равен нулю доллара) в инструментах разработчика Chrome?


в инструментах разработчика Google Chrome, когда я выбираю элемент, я вижу == рядом с выбранным элементом. Что это значит?

4 261

4 ответа:

это последний выбранный индекс узла DOM. Chrome присваивает индекс каждому выбранному узлу DOM. Так что всегда будет указывать на последний выбранный узел, в то время как будет указывать на узел, который вы выбрали до этого. Думайте об этом как о стеке самых последних выбранных узлов.

в качестве примера, рассмотрим следующее

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

теперь вы открыли консоль devtools и выбрали #sunday,#monday и #tuesday в указанном порядке вы получите идентификаторы например:

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

Примечание: Может быть полезно знать, что узел выбирается в ваших сценариях (или консоли), например, одно популярное использование для этого-угловой селектор элементов, поэтому вы можете просто выбрать свой узел и запустить это:

angular.element().scope()

вуаля, вы получили доступ к узлу прицел через консоль.

$0 возвращает последний выбранный элемент или объект JavaScript , $1 возвращает второй, недавно выбранный, и так далее.

относятся : ссылка API командной строки

другие ответы здесь ясно объяснили, что это значит.Мне нравится объяснять его использование.

вы можете выбрать элемент в elements tab и переключиться на console вкладка в chrome. Просто введите or или любое другое число и нажмите enter, и элемент будет отображаться в консоли для вашего использования.

screenshot of chrome dev tools

Я скажу, что это просто сокращенный синтаксис для получения ссылки на html-элемент во время отладки , обычно такие задачи будут выполняться этим методом

document.getElementById , document.getElementsByClassName , document.querySelector

таким образом, нажатие на элемент html и получение ссылочной переменной ($0) в консоли-это огромная экономия времени в течение дня