HAR ファイルビューアー（オンライン）
.har ファイルを開き、すべてのリクエスト・ヘッダー・タイミング・レスポンスをブラウザ内で検査します。キャプチャが端末から離れることはありません。
HAR ファイルビューアーは .har をすべてブラウザ内で解析します。キャプチャ内のリクエスト・Cookie・ヘッダー・トークン・レスポンスボディは端末に留まり、ArrayKit にアップロードされることはありません。
JSON ビューアーを開く
HAR ファイルビューアー について
HAR ファイルビューアーは、HTTP Archive（.har）キャプチャを開き、数秒で検査できる読みやすいリクエストリストに変換します。Chrome・Firefox・Edge・Safari の DevTools からエクスポートしたファイルをドロップすると、各エントリのメソッド・URL・ステータス・リソース種別・転送サイズ・合計時間が表示されます。行を展開すると、リクエストとレスポンスのヘッダー、クエリ文字列パラメーター、フェーズごとのタイミング内訳（DNS・接続・SSL・待機・受信）、そしてキャプチャに埋め込まれている場合はレスポンスボディを読めます。サマリーは合計リクエスト数・転送バイト数・実時間の完了時刻・ステータスコードの内訳を集計するため、失敗や遅い呼び出しを一目で見つけられます。HAR ファイルにはしばしば Cookie・認証ヘッダー・トークンが含まれるため、何もアップロードされません — ファイルは端末上で完全に解析・レンダリングされます。
機能
- .har ファイルをドロップまたは開き、すべてのリクエストを一覧で表示
- エントリごとのメソッド・URL・ステータス・リソース種別・転送サイズ・合計時間
- 任意のリクエストを展開してリクエストとレスポンスのヘッダーを表示
- フェーズごとのタイミング内訳: blocked・DNS・接続・SSL・待機・受信
- コンテンツを埋め込んだエントリのレスポンスボディプレビュー
- 合計リクエスト数・転送バイト数・完了時刻・ステータスコードのサマリー
- 4xx と 5xx のエラーレスポンスだけにフィルターして失敗を素早く仕分け
- Chrome・Firefox・Edge・Safari の DevTools のキャプチャを処理
HAR ファイルビューアー の使い方
- ブラウザの DevTools で Network パネルを開き、.har ファイルをエクスポートします
- .har をここにドロップするか Open .har をクリックします（HAR の JSON を貼り付けても可）
- リクエストリストを見て、サマリーでエラーや遅い呼び出しを確認します
- 行をクリックしてヘッダー・クエリパラメーター・タイミング・レスポンスを検査します
- Errors フィルターを使って 4xx と 5xx のレスポンスに直接ジャンプします
例
入力
{ "log": { "entries": [ { "request": { "method": "GET", "url": "https://api.example.com/v1/users" }, "response": { "status": 200, "content": { "mimeType": "application/json", "size": 2048 } }, "time": 120 } ] } }
出力
GET 200 api.example.com/v1/users json 2.00 KB 120 ms
1 つの HAR エントリが、種別・サイズ・時間を持つリクエスト行としてレンダリングされます。
よくあるエラーとトラブルシューティング
- ファイルは読み込まれるが 'Not a HAR file' と表示される。 — プレーンな JSON レスポンスやスクリーンショットではなく、HAR（トップレベルの log.entries 配列を持つ HTTP Archive）をエクスポートしたか確認してください。DevTools の Network パネルから再エクスポートしてください。
- いくつかのリクエストでサイズが 0 B と表示される。 — 一部のブラウザは、キャッシュやストリームされたレスポンスで bodySize を -1（不明）として記録します。ビューアーは可能なら content.size にフォールバックしますが、本当に欠けているサイズは 0 のままです。
- Response タブがボディはキャプチャされていないと言う。 — HAR ではレスポンスボディは任意です。'Include response bodies' またはブラウザの同等オプションで再エクスポートして、コンテンツテキストが埋め込まれるようにしてください。
- タイミングが不完全に見える、またはすべてのフェーズが空。 — -1 として記録されたフェーズは 'not applicable' としてマークされ非表示になります。キャッシュ・blocked・プリフライトのエントリはしばしば DNS/接続/SSL を省くため、実際に実行されたフェーズだけが表示されます。
よくある質問
- HAR ファイルとは何ですか？
- HAR（HTTP Archive）ファイルは、ブラウザがページに対して記録したネットワーク活動の JSON ログです。各リクエストとレスポンス — メソッド・URL・ヘッダー・Cookie・タイミング、任意でボディ — を log.entries 配列に保存するため、ツールがセッションを再生・分析できます。
- ブラウザから HAR をどうエクスポートしますか？
- DevTools（F12）を開き、Network パネルに移動し、活動を再現してから、リクエストを右クリックして 'Save all as HAR'（Chrome/Edge）を選ぶか、Firefox と Safari のダウンロード/エクスポートアイコンを使います。その .har をここに読み込んで検査します。
- ビューアーはリクエストとレスポンスのボディを表示しますか？
- HAR が content.text の下にボディを埋め込んでいる場合はレスポンスボディを表示します。多くのキャプチャはファイルを小さく保つためボディを省きます。リクエストヘッダー・クエリ文字列パラメーター・レスポンスヘッダーは、存在すれば常に表示されます。
- タイミングフェーズは何を意味しますか？
- 各エントリは合計時間をフェーズに分解します: blocked（キューイング）・DNS ルックアップ・接続（TCP）・SSL（TLS ハンドシェイク）・送信（アップロード）・待機（サーバーの処理時間 / TTFB）・受信（ダウンロード）。ブラウザが記録しなかったフェーズは not applicable としてマークされ非表示になります。
- 数百のリクエストを持つ大きな HAR を処理できますか？
- はい。ファイル全体がブラウザ内で解析され、すべてのリクエストが折りたたみ可能な行になるため、大きなキャプチャもスクロール可能なままです。Errors フィルターを使って失敗した 4xx と 5xx のレスポンスに直接ジャンプできます。
- HAR 内の Cookie や認証ヘッダーは非公開に保たれますか？
- はい。HAR ファイルにはしばしば Cookie・Authorization ヘッダー・トークンが含まれるため、ビューアーはファイルの解析とレンダリングをすべて端末上で行います。キャプチャの内容が ArrayKit にアップロードされることはありません。
関連ツール
すべての ArrayKit ツール