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

Sofia Emelianova
Sofia Emelianova
GitHub

Console Utilities API를 사용하면 다양한 바로가기를 제공하여 디버깅 워크플로의 속도를 높일 수 있습니다.

Console Utilities API를 사용하면 다음 작업을 할 수 있습니다.

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

모든 Console Utilities API 바로가기의 전체 목록은 Console Utilities API 참조를 참고하세요.