Tags
- solidity
- Interaction developer
- C++
- MFC
- postman pre-request
- c#
- 다빈치 리졸브
- 우수한 프런트 개발자
- postman tests
- Java
- postman collection variables
- postman excel
- web developer
- Android
- postman
- Unity
- postman session
- postman csv
- 좋은 개발자
- oracle
- Android/iOS Developer
- postman automations
- emplace_back
- 프런트엔드
- LSL_Script
- Front-end developer
- postman collection
- UI/UX Engineer
- postman html parse
- Intellij
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Archives
- Today
- Total
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:00728x90
가끔 서비스 페이지가 로드가 안될때,
크롬 개발자 도구를 활용하여, 요청/응답을 확인한다.
정상적인 데이터로 요청했는지, 서버 결과가 정상인지, 응답된 결과가 정상인지를 확인할 수 있다.
Network DOC 메뉴 뿐만 아니라,
다양한 메뉴를 지원하는데, WS 에서는 웹소캣 연결 과정과 주고 받는 데이터도 확인할 수 있다.
가끔 서비스 페이지에서 뛰운 팝업 페이지가 로드가 되지 않을때가 있는데,
이때는 팝업을 띄우는 단계의 응답 상태를 확인하고 싶어도, 팝업 자체도 DevTools이 따로 존재해서 애매하다.
이때, 크롬 DevTools 설정에서
"Auto-open DevTools for popups" 옵션을 체크하면,
팝업이 뜰때 자동적으로 DevTools을 실행되고 팝업 오픈과정의 응답 요청의 네트워크 결과를 확인할 수 있다.
728x90
'[Develop] Web > Front-end' 카테고리의 다른 글
[FE] JavaScript Iterator and iterable protocols (0) | 2022.06.19 |
---|---|
[FE] JavaScript에서 함수는 일급 (first class citizen)이다. (0) | 2022.06.17 |
[FE] vs code에서 TypeScript 컴파일 설정하기 (0) | 2022.06.15 |