블로그 이름

[HAR] HAR 파일 개발자 모드에서 Import, Export 확인 본문

개발/기타

[HAR] HAR 파일 개발자 모드에서 Import, Export 확인

Hide 2025. 9. 22. 23:11

이슈 발생 시 원인 확인을 위해 로그 파일 취합이 필요하다.

F12 개발자 모드의 네트워크 탭에서 전송한 API에서 어떤 응답이 도착하엿는지, 에러 메세지 및 인자와 응답결과가 어떻게 왔는지 확인하기 위해서 HAR 파일을 사용할 수 있다.

 

HAR 파일은 HTTP Archive format의 약자로 웹 브라우저와 웹 사이트 간의 정보 추적에 사용되는 형식이다.

 

TISTORY에서 F12 개발자 모드 네트워크 탭을 켠 뒤 새로고침을 한 결과 창.

 

HAR 파일로 로딩 시간 및 호출 순서 및 과정 에러를 분석하는 용도로 사용하며 API 호출 중 예외가 발생한 경우 에러 내용을 전달할 때 사용한다.

 

해당 파일을 내보내기(export) 및 가져오기(import) 하는 방법

 

해당 버튼을 클릭하여 har 파일을 내보내기/가져오기 할 수 있다. 네트워크 분석이 필요한 페이지에서 내보내기 후, export 한 har 파일을 원하는 pc에서 개발자 모드를 켠 뒤 import 하면 동일한 네트워크 정보를 확인 할 수 있다.