테스트 사이트 - 개발 중인 베타 버전입니다

크롬 브라우져 디버깅 툴의 $0 변수

· 8년 전 · 2636 · 1

크롬 많이들 사용하실 텐데
크롬의 디버깅 툴에서
Elements 탭에서
tag를 선택하면 옆에
" == $0" 이 생깁니다.
이게 괜히 나오는 것이 아닙니다.
저 의미는 현재 선택된 태그(노드)가 $0이라는 변수로 있다는 것!

즉, 밑의 Console 탶에서
"$0" 입력 후 엔터를 하면
해당 노드에 대해서 좌르르르 표시됩니다.

------=--------
Elements 탭에서
"<body>"
를 선택후

Console탭에서
"console.log($0);"
를 입력

"<body>​…​</body>​"
라고 출력이 나옴.

--------=------------
힘들게
document.querySelectorAll('body');
이렇게 칠 필요가 없습니다.  

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 1개

와 은근이 꿀팁이네요!

게시글 목록

번호 제목
18088
18080
18078
18070
18061
18037
18036
18033
18022
18021
18020
18018
18004
17999
17995
17987
17982
17981
17980
17970
17965
17964
17963
17962
17960
17956
17953
17949
17930
17928