본문 바로가기
  • BLG-ZYNGIROK-모토-꿈꾸며-배우고-나누며-이루다
ICT

Browser | 개발자 도구 콘솔 다른탭에서 같이 보는 방법

by dazwischen 2023. 4. 11. 21:16
반응형

개발자 도구에서 콘솔을 요소 탭에서 함께 보는 방법을 소개하는 글이다.

개발자 도구 다른탭에서 함께 띄우기

JavaScript(자바스크립트)를 다루다 보면 브라우저의 콘솔 사용할 일이 정말 많다. 이 때 콘솔만 사용하면 큰 문제가 없지만 Elements(요소) 탭이나 소스, 네트워크 등 다른 탭도 동시에 체크해야 한다면 계속 탭을 왔다갔다 하는게 여간 귀찮은 일이 아니다. 콘솔을 다른 탭의 남는 공간에 띄워서 함께 보는 방법은 없을까?

브라우저 관리자도구 다른탭에 콘솔창 띄우기 썸네일 이미지이다.
관리자도구 다른탭에 콘솔창 띄우기

있다

있다. 것도 아주 간단한 방법이다. 일단 자신이 콘솔이랑 함께 사용하고 싶은 탭으로 이동한다. 그런다음 ESC를 눌러주면 아래에서 콘솔이 올라오는 것을 확인할 수 있다.

ESC

아래 사진은 esc를 누르기 전과 후이다. 이는 크롬, 브레이브 등 관리자 도구를 제공하는 브라우저에선 보통 적용된다.

ESC를 눌러 요소탭 하단에 콘솔창이 생긴 모습이다.
콘솔창 다른 탭에 띄우기

반응형

댓글