구글 크롬에서 $0으로 element 쉽게 선택하기

크롬 콘솔 유틸리티 API 레퍼런스를 보면 개발자 도구에서 여러가지 유용하게 사용할 수 있는 API가 나와 있습니다.

그 중 $0에 대해 알아보겠습니다.

 

예를 들어 element 하나를 선택해서 뭔가 해보고 싶은데, 쿼리 셀렉터로 받아오기가 좀 힘든 element라고 해봅시다. 구글 검색결과를 예시로 찍어봤는데요, 난독화 되어있기도 하고 뭔가 노드가 엄청 많아서 원하는 부분만 선택하기가 힘듭니다.

이럴때 $0을 쉽게 사용할 수 있는데요, $0은 Elements 탭에서 가장 최근에 선택한 element(또는 profile panel object)의 레퍼런스입니다.

$1, $2, $3, $4도 사용 가능한데, 이것은 1~4번째 전에 선택한 Element의 레퍼런스를 나타냅니다

 

특정 element를 선택한 다음 콘솔에 $0을 입력해보면 해당 element가 나오는 것을 확인할 수 있습니다.