ZeroTool Workbench

HAR 파일 분석기

브라우저 DevTools에서 내보낸 HAR 파일을 드롭하여 요청 워터폴, 상태 코드, 헤더, 쿠키, 타이밍 병목을 분석. 100% 클라이언트사이드 — HAR이 브라우저를 떠나지 않습니다.

100% 클라이언트 사이드 데이터가 브라우저 밖으로 나가지 않습니다 무료 · 회원가입 불필요

Drop a .har file here

or click to choose · 100% local, never uploaded

사용 방법

  1. 브라우저 DevTools의 Network 패널에서 세션을 .har로 내보냅니다.
  2. 파일을 드롭존에 끌어다 놓거나 클릭하여 선택합니다. 파싱은 브라우저 안에서 진행됩니다.
  3. 개요(통계) / 워터폴(타이밍) / 상세(헤더·쿠키·본문) / 필터 및 내보내기(부분 다운로드) 사이를 전환합니다.
  4. 워터폴의 임의 행을 클릭하면 해당 요청의 상세 화면으로 바로 이동합니다.
  5. 리셋으로 메모리에 있는 HAR 데이터를 지웁니다.

워터폴 단계

워터폴은 HAR 1.2 timings를 6단계로 그립니다:

  • 대기 / Stalledblocked
  • DNS 조회dns
  • 초기 연결connect (HAR 1.2에서 ssl 포함)
  • 요청 전송send
  • 대기 (TTFB)wait
  • 콘텐츠 다운로드receive

개인정보 보호

HAR에는 Authorization, Cookie, 응답 본문 등 민감한 정보가 자주 포함됩니다. 호스팅된 분석기에 업로드하는 것은 위험합니다. ZeroTool은 FileReader + JSON.parse로 브라우저 내에서 처리하며 업로드도 리로드를 넘어선 저장도 하지 않습니다.

FAQ

HAR 파일이란 무엇인가요?

HAR(HTTP Archive)는 JSON 기반 아카이브 형식으로 브라우저 한 세션의 모든 네트워크 요청 — URL, 메서드, 상태, 헤더, 쿠키, 타이밍, 본문 — 을 기록합니다. Chrome, Firefox, Safari, Edge DevTools 모두 Network 패널을 .har로 내보낼 수 있습니다.

브라우저에서 HAR을 어떻게 내보내나요?

Chrome / Edge DevTools에서 Network 패널을 열고 임의의 행을 우클릭한 뒤 'Save all as HAR with content'를 선택합니다. Firefox는 같은 메뉴의 'Save All As HAR', Safari는 Network 패널 우측 상단 톱니바퀴에서 내보낼 수 있습니다.

HAR이 업로드되나요?

아니요. FileReader로 브라우저 내에서 완전히 파싱합니다. 서버 전송 없음, 가입 불필요, 추적 없음. 리셋을 누르면 메모리 상태가 지워지고, 페이지 리로드를 통해 HAR을 영구 저장하지도 않습니다.

워터폴의 6가지 색은 무엇을 의미하나요?

Chrome DevTools 표준에 맞춰 HAR 1.2 spec의 timings 필드에 매핑됩니다: 대기 (blocked), DNS (dns), 연결 (connect — spec 상 ssl 이 이미 포함됨), 전송 (send), 대기/TTFB (wait), 수신 (receive). 값이 -1인 필드는 해당 단계가 없었음을 의미하므로 그리지 않습니다.

entry.time과 timings 합계가 일치하지 않는 이유는?

HAR 1.2 사양에 따르면 entry.time = blocked + dns + connect + send + wait + receive (음수가 아닌 필드만 합산; ssl 은 이미 connect 에 포함되므로 더하지 않음). 일치하지 않으면 내보낸 도구가 사양을 엄격히 따르지 않은 것입니다. ZeroTool은 2ms 이하 부동소수 오차를 허용하여 렌더링합니다.

필터 및 내보내기는 무엇을 할 수 있나요?

상태 코드 구간(2xx/3xx/4xx/5xx/기타), 리소스 유형(script / stylesheet / image / json / ...), 도메인으로 요청을 필터링합니다. 필터링된 부분을 더 작은 .har로 내보내거나 일치하는 요청 전체를 재실행 가능한 cURL 스크립트로 복사할 수 있습니다.