> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# HAR ファイルのインポート方法

> ブラウザから HAR ファイルをエクスポートし、インポートして解析する手順を解説します。特定のネットワーク環境下で発生する YiDA ページのリソース読み込み問題を、効率的にトラブルシューティングする方法をご紹介します。

ミドル・バックオフィスシステムでは通常、厳格な権限管理が適用されており、本番環境で発生した問題のトラブルシューティングが困難になる場合があります。多くの場合、まずリソース関連の問題から調査を開始します。

## 例

あるユーザーから次のような報告がありました。「社内ネットワークでは正常に動作する外部システムがありますが、VPN を切断すると問題が発生します」。以下のスクリーンショットをご覧ください。

この問題はどのように調査すればよいでしょうか。

## 一般的なアプローチ

リンクを取得し、権限をリクエストし、さまざまな前提条件を揃えたうえで、ようやくデバッグを開始できます。これらの手順をすべて完了する頃には、すでに多くの時間が経過しています。

## HAR ファイルを利用した解決方法

### フローノード 1：ユーザーに HAR ファイルをダウンロードしてもらう。ダウンロード方法は？

1. 問題が発生しているページで、以下の GIF に示された操作を実行します。

2. ダウンロードされる `***.har` ファイルが目的のファイルです。このファイルを開発者に送信して解析を依頼します。（機密情報を含むページではこの方法を使用しないでください。情報漏洩につながるおそれがあります。）

### フローノード 2：開発者は HAR ファイルを利用してネットワークリクエストをどのように検査するか？

`about:blank` を開き、上記のダウンロード時のスクリーンショットと同じエリアにファイルをアップロードします。

## この例における根本原因

HAR ファイル内の情報から、社内ドメイン `internal.example.com` へのリクエストが行われており、使用されているバージョンが `0.4.0`（デイリービルド）であることが確認できます。本番環境のバージョンに切り替えることで問題は解決します。

## [関連リンク](https://developers.google.com/web/tools/chrome-devtools/network/reference)