DevTools 팁: 콘솔 단축키를 사용하여 워크플로 속도를 높이는 방법

Sofia Emelianova
Sofia Emelianova

Console 유틸리티 API를 사용하면 다양한 단축키를 제공하여 디버깅 워크플로의 속도를 높일 수 있습니다.

콘솔 유틸리티 API를 사용하면 다음을 수행할 수 있습니다.

  • document.querySelector()와 같이 긴 명령어를 입력하는 대신 jQuery 스타일의 $ 단축키를 사용하여 요소를 지정합니다.
  • 요소 패널에서 선택한 마지막 DOM 요소 5개를 참조합니다.
  • 요소 패널에서 복사할 수 있는 XPath로 요소를 빠르게 참조할 수 있습니다.
  • 생성자별로 객체를 쿼리합니다.
  • 객체의 키 또는 값만 나열합니다.
  • 객체의 문자열 표현을 클립보드에 복사합니다.
  • 이벤트 리스너를 가져옵니다.
  • 이벤트 및 함수 호출을 모니터링합니다.

모든 Console 유틸리티 API 단축키의 전체 목록은 콘솔 유틸리티 API 참조를 확인하세요.