크롬 개발자 도구로 HTTP 통신 확인하기

이 글에서는 크롬 개발자 도구를 활용하여 현재 웹 페이지가 어떤 HTTP 통신을 주고받는지 확인하는 방법에 대해 알아보겠습니다.

 

크롬 개발자 도구로 HTTP 통신 확인 방법?

* 웹 브라우저는 크롬 브라우저를 이용해야 합니다.

구글 검색창에 '크롬'을 검색하는 경우를 예로 들어보겠습니다.

여기서 크롬 개발자 도구를 켜야하는데요,

크롬 개발자 도구를 켜는 방법은 다음 세 가지 방법 중 하나로 가능합니다.

- F12를 누른다.

- Ctrl + Shift + I를 누른다. (Mac OS의 경우, command + option + i)

- 마우스 우클릭 -> 검사를 누른다.

개발자 도구 상단의 Network 탭을 클릭하시고, 새로고침 (F5)를 해주세요.

Name 부분을 클릭하면 상세한 Request, Response를 확인할 수 있습니다.