Console Utilities API를 사용하면 다양한 바로가기를 제공하여 디버깅 워크플로의 속도를 높일 수 있습니다.
Console Utilities API를 사용하면 다음 작업을 할 수 있습니다.
document.querySelector()
와 같은 긴 명령어를 입력하지 말고 대신 jQuery 스타일$
바로가기를 사용하여 요소를 지정하세요.- 요소 패널에서 선택한 마지막 5개의 DOM 요소를 참고합니다.
- 요소 패널에서 복사할 수 있는 XPath를 사용하여 요소를 빠르게 참조합니다.
- 생성자를 사용하여 객체를 쿼리합니다.
- 객체의 키 또는 값만 나열합니다.
- 객체의 문자열 표현을 클립보드에 복사합니다.
- 이벤트 리스너 가져오기
- 이벤트 및 함수 호출을 모니터링합니다.
모든 Console Utilities API 바로가기의 전체 목록은 Console Utilities API 참조를 참고하세요.