トラブルシューティング用のHARファイルを生成する

HTTPアーカイブファイル（HAR）は、ウェブブラウザとサイトのやり取りを記録したJSON形式のログファイルです。HARファイルは主に、アプリケーションの舞台裏のネットワークアクティビティを収集して分析することで、問題のトラブルシューティングに使用されます。データ収集またはパフォーマンスの問題が発生した場合、Pendoサポートは、問題をより深く理解できるように、お客様が問題を再現する間にHARファイルの提供をお願いすることがあります。

注：HARファイルには、Cookieや記録中にアクセスしたページなどの機密情報が含まれている場合があります。これらを電子メールに添付するのではなく、リソースセンターからのサポートチケットに添付することをお勧めします。

HARファイルを生成する方法は、使用しているウェブブラウザによって異なります。

Google Chrome

1. Chromeウェブブラウザを開き、問題が発生しているアプリのページに移動します。
2. 次のいずれかの方法で開発者ツールを開きます。
   • サイト上の任意の場所を右クリックし、［検証（Inspect）］を選択します。
     
     
     
     
   • Chromeウィンドウの右上にある縦の省略記号を選択し、［その他のツール（More Tools）］>［デベロッパー ツール（Developer Tools）］を選択します。
     
     
     
     
3. デベロッパーツールの上部にある［ネットワーク（Network）］タブを選択し、以下を確認します。
   • 左上の記録アイコンが、赤い丸の中に赤い四角が表示されている。
   • ［ログの保存（Preserve log）］にチェックが付けられている。
   • ［すべて（All）］が選択されている。
     
     
     
     
4. 赤い記録アイコンの右側にある［ネットワークログの消去（Clear network log）］アイコン⊘を選択して、既存のトラフィックをすべて消去します。
5. ページを更新し、サイトを操作して問題を再現してください。
6. 問題が再現できたら、ダウンロードアイコンを選択してHARファイルをエクスポートし、デバイスに保存します。
   
   
   
   
7. このファイルを対応中のサポートチケットに添付して、Pendoサポートが確認できるようにします。

Mozilla Firefox

1. Firefoxウェブブラウザを開き、問題が発生しているアプリのページに移動します。
2. 次のいずれかの方法で開発者ツールを開きます。
   • サイト上の任意の場所を右クリックし、［検証（Inspect）］を選択します。
     
     
     
     
   • Firefoxウィンドウの右上にあるハンバーガーメニューを選択し、次に［その他のツール（More tools）］>［ウェブ開発ツール（Web Developer Tools）］を選択します。
     
     
     
     
3. デベロッパーツールの上部にある［ネットワーク（Network）］タブを選択し、以下を確認します。
   • ［すべて（All）］が選択されている。
   • 右端にあるネットワーク設定の歯車アイコンを選択し、［永続ログ（Persist Logs）］にチェックが付けられていることを確認します。
     
     
     
     
4. 開発者ツールの左上にあるゴミ箱アイコンで［消去（Clear）］を選択し、既存のトラフィックをすべて消去します。
5. ページを更新し、サイトを操作して問題を再現してください。
6. 問題が再現できたら、ネットワーク設定の歯車アイコンをもう一度選択し、次に［HAR形式ですべて保存（Save All As HAR）］を選択してHARファイルをエクスポートし、デバイスに保存します。
7. このファイルを対応中のサポートチケットに添付して、Pendoサポートが確認できるようにします。

Microsoft Edge

1. Edgeウェブブラウザを開き、問題が発生しているアプリのページに移動します。
2. 次のいずれかの方法で開発者ツールを開きます。
   • サイト上の任意の場所を右クリックし、［開発者ツールで調査する（Inspect）］を選択します。
   • Edgeウィンドウの右上にある省略記号を選択し、［その他のツール（More Tools）］>［開発者ツール（Developer Tools）］を選択します。
     
     
     
     
3. デベロッパーツールの上部にある［ネットワーク（Network）］タブを選択し、以下を確認します。
   • 左上の記録アイコンが、赤い丸の中に赤い四角が表示されている。
   • ［ログの保存（Preserve log）］にチェックが付けられている。
   • ［すべて（All）］が選択されている。
     
     
     
     
4. 赤い記録アイコンの右側にある［ネットワークログの消去（Clear network log）］アイコン⊘を選択して、既存のトラフィックをすべて消去します。
5. ページを更新し、サイトを操作して問題を再現してください。
6. 問題が再現できたら、ダウンロードアイコンを選択してHARファイルをエクスポートし、デバイスに保存します。
   
   
   
   
7. このファイルを対応中のサポートチケットに添付して、Pendoサポートが確認できるようにします。

Safari

1. Safariウェブブラウザを開き、問題が発生しているアプリのページに移動します。
2. 次のいずれかの方法で開発者ツールを開きます。
   • サイト上の任意の場所を右クリックし、［要素の検証（Inspect Element）］を選択します。
     
     
     
     
   • 上部のメニューバーから、［開発（Develop）］>［Webインスペクタを表示（Show Web Inspector）］を選択します。
     
     
     
     
   • どちらのオプションも利用できない場合は、Safariの開発者設定を有効にする必要があります。これを行うには、上部のメニューバーで［Safari］>［環境設定（Settings）］に移動し、［詳細（Advanced）］>［Webデベロッパ用の機能を表示（Show features for web developers）］を選択します。チェックすると、ウェブ検証ツールとメニューバーの［開発（Develop）］オプションにアクセスできるようになります。
     
     
     
     
3. デベロッパーツールの上部にある［ネットワーク（Network）］タブを選択し、以下を確認します。
   • ［すべて（All）］が選択されている。
   • ［すべて（All）］フィルターの右側にある［その他のフィルターオプション...（Other filter options...）］アイコンを選択し、［ログの保存（Preserve Log）］にチェックが付けられていることを確認します。
     
     
     
     
4. 右端の［ネットワークアイテムの消去（Clear Network Items）］ゴミ箱アイコンを選択して、既存のトラフィックをすべて消去します。
5. ページを更新し、サイトを操作して問題を再現してください。
6. 問題が再現できたら、［エクスポート（Export）］を選択してHARファイルをエクスポートし、デバイスに保存します。
   
   
   
   
7. このファイルを対応中のサポートチケットに添付して、Pendoサポートが確認できるようにします。