Chrome의 네트워크 탭에서 모든 Ajax 응답을 검색하는 방법은 무엇입니까?
Chrome의 네트워크 탭에서 모든 Ajax 응답을 검색하는 방법은 무엇입니까?
특히 프로젝트를 처음 접하고 비즈니스 로직이 명확하지 않은 경우 JavaScript 개발자가 어떤 정보가 어떤 서비스 호출에서 오는지 파악하기가 어렵 기 때문입니다. 또한 네트워크 탭에서 각 서비스를 열고 너무 많은 서비스 요청에 대한 응답을 검색하는 것은 어렵고 시간이 많이 걸립니다.
이것은 이제 네트워크 탭에서 구현되었습니다. 검색 기준이 추가 될 때마다 Chrome은 모든 헤더와 본문을 통한 검색을 제공합니다.
공식 문서 에서 더보기 ,
네트워크 패널을 연 다음 Command + F (Mac) 또는 Control + F (Windows, Linux, Chrome OS)를 눌러 새 네트워크 검색 창을 엽니 다.
이것은 오늘 아침 json 응답 을 검색 하는 다른 질문과 유사합니다 . 해결책은 동일 합니다. 이 문제에 별표를 표시 하세요 . 별표 표시는 검색 바로 아래에있는 파란색 제목의 맨 왼쪽 영역에있는 별표 아이콘을 통해 트리거됩니다.
별표 문제를 통해 개발자는 사람들이 무엇을 필요로하는지 알 수 있습니다. 별이 많을수록 더 빨리 작업 할 가능성이 높아집니다.
현재이 기능은 제공되지 않으며 확장 기능은 네트워크 패널이 이런 방식으로 확장 될 수 없기 때문에 이러한 유형의 기능을 추가 할 수 없습니다.
Firefox에서는 모든 응답을 HAR 파일로 저장 한 다음 텍스트 편집기에서 파일을 검색 할 수 있습니다 (Chrome은 응답을 자릅니다).
Microsoft Edge 브라우저의 Inspector는 이러한 기능을 제공합니다. Fiddler가 검사 할 수없는 HTTPS 웹 사이트 (예 : Facebook 웹 사이트)에서 발생한 트래픽을 검색해야 할 때 유용합니다.
Chrome 또는 Firefox에서이 작업을 수행하는 방법이없는 것 같습니다. 내 해결책은 그것을 지원하는 Fiddler를 사용하는 것입니다.
'Program Tip' 카테고리의 다른 글
| NaN === NaN이 거짓 인 이유는 무엇입니까? (0) | 2021.01.08 |
|---|---|
| isset ()과 __isset ()의 차이점은 무엇입니까? (0) | 2021.01.08 |
| Kafka의 키 / 값 쌍 기반 메시징의 목적은 무엇입니까? (0) | 2021.01.08 |
| Django : Jinja2로 전환 하시겠습니까? (0) | 2021.01.08 |
| x + = y는 컴파일 오류를 제공하고 x = x + y는 제공하지 않도록 x와 y를 어떻게 선언합니까? (0) | 2021.01.08 |