Co oznacza = = $0 (double równa się Dolar zero) w narzędziach programistycznych Chrome?
W narzędziach programistycznych Google Chrome, kiedy zaznaczam element, widzę ==$0
obok wybranego elementu. Co to znaczy?
4 answers
To ostatni wybrany indeks węzła DOM. Chrome przypisuje indeks do każdego wybranego węzła DOM. Tak więc $0
zawsze będzie wskazywać na ostatni wybrany węzeł, podczas gdy $1
będzie wskazywać na wybrany wcześniej węzeł. Pomyśl o tym jak o stos ostatnio wybranych węzłów.
Jako przykład rozważ następujące
<div id="sunday"></div>
<div id="monday"></div>
<div id="tuesday"></div>
Teraz otworzyłeś konsolę devtools i wybrałeś #sunday
, #monday
i #tuesday
we wspomnianej kolejności otrzymasz identyfikatory like:
$0 -> <div id="tuesday"></div>
$1 -> <div id="monday"></div>
$2 -> <div id="sunday"></div>
Uwaga: Może być przydatne wiedzieć, że węzeł jest wybierany w skryptach (lub konsoli), na przykład jednym z popularnych zastosowań jest angular element selector, więc możesz po prostu wybrać węzeł i uruchomić to:
angular.element($0).scope()
Voila masz dostęp do zakresu węzła przez konsolę.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-08-17 15:08:02
$0 zwraca ostatnio wybrany element lub obiekt JavaScript, $1 zwraca drugą ostatnio wybraną i tak dalej.
Refer: Command Line API Reference
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-05-03 09:01:36
Inne odpowiedzi tutaj jasno wyjaśniły, co to znaczy.Lubię wyjaśniać jego użycie.
Możesz wybrać element na karcie elements
i przełączyć się na kartę console
w chrome. Po prostu wpisz $0 or $1
lub dowolną liczbę i naciśnij enter, a element zostanie wyświetlony w konsoli do użytku.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-01-10 10:51:38
Powiem, że jest to tylko skrótowa składnia dla get reference elementu html podczas debugowania, normalnie tego rodzaju zadania będą wykonywane za pomocą tej metody
document.getElementById , document.getElementsByClassName , document.querySelector
Więc kliknięcie na element html i uzyskanie zmiennej referencyjnej ($0) w konsoli to ogromna oszczędność czasu w ciągu dnia
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-07-21 17:05:22