ZeroTool Workbench

HAR ファイル アナライザー

ブラウザ DevTools の HAR ファイルをドロップして、リクエストウォーターフォール、ステータスコード、ヘッダー、Cookie、ボトルネックを解析。完全ブラウザ完結、HAR はブラウザ外に出ません。

100% クライアントサイド データはブラウザ外に出ません 無料 · 登録不要

Drop a .har file here

or click to choose · 100% local, never uploaded

関連ツール

URL パーサー URLをプロトコル・ホスト・ポート・パス・クエリパラメータ・ハッシュに即座に分解。ブラウザネイティブ解析。 JSON フォーマッター ブラウザ上でJSONを即座に整形・圧縮・検証。 cURL コード変換 cURLコマンドをPython・JavaScript・Go・PHP・Node.jsコードに即座に変換。 UUID ジェネレーター v4 UUIDを即座に生成。単体またはバッチ対応。 カラーコンバーター HEX・RGB・HSL形式間のカラー変換。ライブプレビュー付き。 正規表現テスター マッチハイライトとキャプチャグループ詳細付きでリアルタイムに正規表現をテスト。

使い方

  1. ブラウザ DevTools の Network パネルからセッションを .har として書き出します。
  2. ファイルをドロップゾーンにドラッグ（またはクリックして選択）。解析はブラウザ内で完了します。
  3. 概要（統計）／ウォーターフォール（タイミング）／詳細（ヘッダー・Cookie・ボディ）／フィルタとエクスポート（切り出しダウンロード）を切り替えます。
  4. ウォーターフォール任意行のクリックで該当リクエストの詳細にジャンプします。
  5. リセットでメモリ上の HAR を消去できます。

ウォーターフォールのフェーズ

ウォーターフォールは HAR 1.2 timings を 6 セグメントで描画します：

  • キュー / Stalled — blocked
  • DNS 解決 — dns
  • 初期接続 — connect（HAR 1.2 では ssl も含まれる）
  • 送信 — send
  • 待機 (TTFB) — wait
  • 受信 — receive

プライバシー

HAR には Authorization / Cookie / レスポンスボディなど機微な情報が含まれます。クラウドアナライザへの送信はリスクが高いです。ZeroTool は FileReader + JSON.parse でブラウザ内処理し、アップロードもリロード越しの永続化も行いません。

FAQ

HAR ファイルとは？

HAR（HTTP Archive）は JSON ベースのアーカイブ形式で、ブラウザ 1 セッション分のネットワークリクエスト全件（URL・メソッド・ステータス・ヘッダー・Cookie・タイミング・ボディ）を記録します。Chrome / Firefox / Safari / Edge の DevTools から Network パネルを .har として書き出せます。

ブラウザから HAR を書き出すには？

Chrome / Edge は Network パネルで任意の行を右クリックし『コンテンツ付き HAR として保存』、Firefox は同じ右クリックで『すべて 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 としてコピーできます。