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

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

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

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

관리자도구 다른탭에 콘솔창 띄우기

있다

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

ESC

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

콘솔창 다른 탭에 띄우기