david's daily developer note

[FE] 크롬 개발자 도구, 팝업 페이지에서 자동 실행 설정(Chrome DevTools Auto-open for popups) 본문

[Develop] Web/Front-end

[FE] 크롬 개발자 도구, 팝업 페이지에서 자동 실행 설정(Chrome DevTools Auto-open for popups)

mouse-david 2022. 6. 27. 22:00
728x90

가끔 서비스 페이지가 로드가 안될때, 
크롬 개발자 도구를 활용하여, 요청/응답을 확인한다.

정상적인 데이터로 요청했는지, 서버 결과가 정상인지, 응답된 결과가 정상인지를 확인할 수 있다.
Network DOC 메뉴 뿐만 아니라,
다양한 메뉴를 지원하는데, WS 에서는 웹소캣 연결 과정과 주고 받는 데이터도 확인할 수 있다.

가끔 서비스 페이지에서 뛰운 팝업 페이지가 로드가 되지 않을때가 있는데,
이때는 팝업을 띄우는 단계의 응답 상태를 확인하고 싶어도, 팝업 자체도 DevTools이 따로 존재해서 애매하다.

이때, 크롬 DevTools 설정에서


"Auto-open DevTools for popups" 옵션을 체크하면,
팝업이 뜰때 자동적으로 DevTools을 실행되고 팝업 오픈과정의 응답 요청의 네트워크 결과를 확인할 수 있다.

 

728x90