TI이야기

 주제

Chrome DevTools(개발자도구) - Console 탭 아래쪽에 보이기/숨기기 토글 단축키

DevTools(개발자도구)를 열면 Elements 탭 옆에 바로 Console 탭이 있지만

소스코드나 스타일을 보면서 Console 창을 활용하고 싶다면

하단의 Console 탭이 아래쪽에 있으면 편리하게 사용할 수 있다.

 방법

1) Chrome DevTools(개발자도구) 열기:

F12

or

Control + Shift + I - DevTools(개발자도구)> Elements 탭 토글

or

오른쪽 마우스 클릭 > 맨 아래쪽 검사

2) DevTools(개발자도구)

3) Elements 탭 옆에 바로 Console 탭이 있지만 소스나 스타일을 보면서 Console 탭을 활용하고 싶다면

4) Console 탭 화면 보이기/숨기기(토글 기능)

  - DevTools(개발자도구)가 열려있는 상태에서 esc 키를 누르면 보였다/숨겼다 할 수 있다.

 출처

크롬 개발자 문서

https://developer.chrome.com/docs/devtools/shortcuts/