관리 메뉴

나만의공간

크롬 새창 네트웍트래픽 창 열기/보기 방법 (개발자도구) 본문

맥북/맥북 OS

크롬 새창 네트웍트래픽 창 열기/보기 방법 (개발자도구)

밥알이 2024. 2. 6. 17:13

크롬등 브라우져를 이용한 개발을 하다 보면 해당 페이지에 네트웍 트래픽을 보고 싶거나, 호출되는 static 자원들을 보고 싶을때 크롬은 개발자도구를 열은 후 Network Tab에서 해당 페이지에 자원 정보를 많이 봅니다.
아래 페이지가 일반적인 크롬에서 제공하는 개발자도구 페이지 이죠.

현재 페이지에서 개발자도구를 뛰우고 페이지 새로고침을 하면 관련 정보를 쉽게 볼수 있는데
만약 클릭한창이 새창으로 열리게 되면, 개발자도구도 해당 새창에 맞게 다시 열어야 하는데 이미 브라우져에 화면은 다 생성되어 있고
네트웍 트래픽도 이미 끝나 있는 상태가 됩니다.

고정된 페이지라면 상관이 없지만, 페이지를 새창에서 리다이렉션 하는 경우라면 최초 진입된 페이지 URL을 알수가 없는 문제가 생기게 되는 경우가 발생합니다.

이런 경우를 대비하여 크롬 개발자도구 환경설정(Setup)에서 새로운창 오픈시 개발자도구를 자동으로 뛰우게 하는 옵션을 제공합니다.
아래 Setup화면에서 체크를 하기만 하면 됩니다.

크롬 Setup 개발자도구 자동 오픈 체크

아래에 있는 체크박스 체크 후 새창을 열게 되면 크롬 개발자도구도 자동으로 열리게 됩니다.
네이버쇼핑에서 상품 검색 후 테스트 해 보시면 됩니다.

Comments