크롬 개발자도구 소스 콘솔 동시에 보는 방법

크롬에서 F12를 누르면 나오는

개발자도구에서 디버거 사용하던 도중

디버거에 걸리면 소스만 나오고

콘솔은 따로 탭을 이동해서 봐야되서 되게 불편하더라

 

그런데 소스와 콘솔을 동시에 볼 수 있는 방법이 있으니

 

개발자도구 우측의 ...을 눌러준 뒤

Show console drawer를 누르거나

혹은 개발자도구에서 Esc를 눌러주면

 

소스와 콘솔이 동시에 보이는 것이 보인다