Chrome 새 탭에서 자동으로 개발자도구 열기
target=_blank로 열린 새 탭의 네트워크 요청을 디버깅하려면 --auto-open-devtools-for-tabs 옵션으로 Chrome을 실행
Chrome 새 탭에서 자동으로 개발자도구 열기
target="_blank"로 열린 새 탭은 개발자도구가 닫혀있어 네트워크 요청을 볼 수 없다.
해결: CLI 옵션으로 Chrome 실행
Chrome 버전에 따라 chrome://flags 플래그가 없을 수 있다. 확실한 방법은 CLI 옵션이다.
1
2
# macOS — 기존 Chrome 종료 후 실행
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs
1
2
# Windows
& "C:\Program Files\Google\Chrome\Application\chrome.exe" --auto-open-devtools-for-tabs
1
2
# Linux
google-chrome --auto-open-devtools-for-tabs
모든 새 탭에서 개발자도구가 자동으로 열린다. 디버깅이 끝나면 일반 방식으로 Chrome 재실행.
활용 시나리오
<a target="_blank">링크로 열린 새 탭의 첫 요청 헤더/응답 추적- form POST로
target="_blank"새 탭을 띄우는 외부 시스템 연동 디버깅 - SSO 콜백처럼 팝업/새 탭에서 시작되는 네트워크 흐름 분석
이 기사는 저작권자의 CC BY 4.0 라이센스를 따릅니다.