크롬 개발자도구(개발자모드) 창을 새창으로 띄우는 방법

안녕하세요. 크롬 개발자도구 창을 새창으로 띄우는 방법을 알아보겠습니다.

저는 지금 어쩔수 없이 노트북을 사용중인 상황입니다.

그래서 화면해상도에 따라서 어쩔수 없이 화면이 옆으로 넓은 상황이죠... ㅎㅎ

그래서 항상 크롬 개발자도구를 실행했을때는 개발자화면이 오른쪽에 나오고 있습니다.

여기까지는 큰 문제가 없습니다... 그저 제가 불편해도 참고 하면 되는거죠.

그런데!! 개발자화면이 오른쪽 화면을 일부 차지하게되면서 메인 인터넷 사이트 화면폭이 줄어들게 되었습니다.

그러다보니 반응형사이트 에서는 브라우저 화면 크기에 따라서 그에 맞춰 보여주는 뷰(view)화면도 레이아웃이 바뀌게 되어 있습니다. 그래서 자연스럽게 화면폭이 줄어들면서 모바일&태블릿 화면으로 보여지는 문제가 있었습니다. ㅠㅠ 

 이 문제를 해결하기위해서 지금부터 간단하게 크롬 개발자모드 를 새 창(window)화면으로 띄우는 방법을 알아보겠습니다.

테스트를 해보기위해서 저는 네이버 메인화면을 띄웠습니다.

그 다음 크롬 개발자도구를 열어봅니다.

방법은 화면 우클릭후 '검사(N)' 를 클릭하는 방법도 있고, F12 단축키를 누르는 방법도 있습니다.

크롬 개발자도구를 열어보시게되면 모니터 화면에 따라서 밑에 나오는 분들도 있으시고

저처럼 오른쪽에 위치하는 분들도 있을겁니다.

이제 쉽게 크롬 개발자도구를 새창으로 띄우는 방법을 살펴보겠습니다.

개발자도구 창을 띄우시면 오른쪽 위쪽에 (''') 옵션이 있습니다.

클릭하시게되면 바로 나오는 설정으로 Dock side 가 있습니다.

Dock side 설정으로 4가지가 있습니다. 새 창, 왼쪽, 아래쪽, 오른쪽이 있습니다.

짜잔~ 이렇게 새창으로 띄우게되면 화면 크기 변화없이 그대로 개발자도구를 통해서 엘리먼트를 확인할수 있습니다. ㅎㅎ (구글신이시여 ㅠㅠ ) 그럼 좋은하루되세요~