크롬 개발자도구 Network 정보 저장하는 방법 (.har)

웹 페이지를 로딩할 때 서버와의 요청 상태를 확인하기 위해 개발자도구의 Network 탭의 정보를 확인합니다. 이 정보는 즉시 확인도 가능하지만 har 파일로 저장하여 추후 필요 시 분석할 수도 있습니다. 당장 분석할 수 있는 사람이 없거나 정보 기록이 필요할 때 활용 가능합니다.

HAR 파일이란?

HAR 파일은 HTTP Archive format의 약자로, 웹 브라우저가 웹 페이지를 로딩하는 데 있어서 어떤 네트워크 요청이 일어났는지를 기록하는 파일 형식입니다. 아래와 같은 정보가 포함됩니다.

• 네트워크 요청의 시작과 끝 시간
• 각 요청에 대한 서버 응답 시간
• HTTP 요청 및 응답 헤더
• 요청에 대한 HTTP 응답 코드
• 리다이렉트, 캐시 미스 등이 발생한 경우의 정보

 

크롬 개발자도구 har 파일 생성 방법

1. 크롬을 실행하고 F12를 눌러 개발자 도구를 켭니다.

 

2. 개발자 도구 상단 메뉴에서 Network 탭을 선택합니다.

 

 

3. 새로고침(F5)으로 네트워크 정보를 로드합니다.

 

4. 아래와 같이 다운로드 모양의 아이콘을 누르고 har 확장자로 저장합니다.

 

 

 

5. 저장한 har 파일은 크롬 개발자도구에서 다시 열 수 있습니다. 이번엔 반대로 har을 업로드하면 됩니다.