크롬으로 HTTP Header 확인하기

웹 개발을 하거나 관련 일을 하게 될 경우 HTTP Header를 확인해야 할 경우가 있습니다. 피들러 같은 툴을 사용해도 좋지만 개인적으로는 크롬이나 기타 브라우저에서 개발자 도구를 통해 확인하는 것이 좀 더 편한 것 같습니다.

 

오늘은 크롬에서 개발자 도구를 사용해 HTTP Header를 확인하는 법을 한번 알아보겠습니다.

 

우선 크롬 브라우저를 실행합니다. 저는 구글에서 시작해보도록 하겠습니다. 네이버나 다른 사이트를 띄워놓고 실행해도 상관없습니다.

 

 

Ctrl + Shift + I 나 F12 을 눌러서 크롬 개발자 도구를 활성화시킵니다.

 

초기 값은 Elements 탭으로 설정되어 있기 때문에 Network 탭을 클릭해줍니다.

 

아무 것도 안뜨는 것에 놀라지 말고 Ctrl + R 나 F5 를 눌러줍니다.

 

위와 같이 해당 페이지를 구성하는 수많은 타입들과 이름, 상태 등을 분석해 응답 시간까지 뿌려줍니다.

 

Name 중 최상단에 있는 link 명을 클릭해주면 위와 같이 Headers를 비롯한 관련 상세탭이 나오는 것을 확인할 수 있습니다. General, Response, Request Header 등을 상세히 확인할 수 있습니다.