HAR ファイル・コンソールログの取得手順書

Chrome

1. 開発ツールの起動

1. 対象のウェブページを開きます。

2. 以下の方法で開発ツールを起動します。

   • Windows/Linux: F12キー または Ctrl + Shift + I

   • Mac: Cmd + Opt + I

   • 右クリック
     　「検証」をクリック
     
     

     Open

     

     
     
     

2. コンソールログの取得

1. 開発ツールで Console タブを選択します。

   Open

   

2. 問題が発生する操作を行い、ログを表示させます。

3. ログ全体を保存するには、Console 内で右クリックし、「Save as...」を選択します。

4. または、ログを全選択して (Ctrl + A → Ctrl + C)、テキストエディタに貼り付けて保存します。

3. HARファイルの取得

1. 開発ツールで Network タブを選択します。

2. ログを保持します:
   Preserve log にチェックを入れます。

3. キャッシュを無効化します:
   Disable cache にチェックを入れます。

    

4. 左上端にある丸い記録ボタンを探し、ボタンが赤くなっていることを確認します。ボタンがグレーの場合は、1回クリックするとキャプチャが開始されます。

5. 斜線の入ったグレーの丸ボタンをクリックして、「Network」タブから既存のログをすべて消去します。

6. 問題が発生する操作を実行します。

7. 記録が完了したら、「Export HAR」ボタンをクリックし、保存します。

Edge

1. 開発ツールの起動

1. 対象のウェブページを開きます。

2. 以下の方法で開発ツールを起動します。

   • Windows/Linux: F12キー または Ctrl + Shift + I

   • Mac: Cmd + Opt + I

   • 右クリック

     　「開発者ツールで調査する」をクリック

2. コンソールログの取得

1. 開発ツールで コンソールタブを選択します。

2. 問題が発生する操作を行い、ログを表示させます。

3. ログ全体を保存するには、コンソール 内で右クリックし、「名前を付けて保存」を選択します。

4. または、ログを全選択して (Ctrl + A → Ctrl + C)、テキストエディタに貼り付けて保存します。

3. HARファイルの取得

1. 開発ツールで ネットワーク タブを選択します。
   
   

2. ログを保持します:
   ログの保持 にチェックを入れます。
   
   

3. キャッシュを無効化します:
   キャッシュを無効にする にチェックを入れます。

    

4. 左上端にある丸い記録ボタンを探し、ボタンが赤くなっていることを確認します。ボタンがグレーの場合は、1回クリックするとキャプチャが開始されます。
   
   

5. 斜線の入ったグレーの丸ボタンをクリックして、「Network」タブから既存のログをすべて消去します。

6. 問題が発生する操作を実行します。

7. 記録が完了したら、「HAR のエクスポート」ボタンをクリックし、保存します。
   
   

Firefox

1. 開発ツールの起動

1. 対象のウェブページを開きます。

2. 以下の方法で開発ツールを起動します。

   • Windows/Linux: F12キー または Ctrl + Shift + I

   • Mac: Cmd + Opt + I

   • 右クリック→「調査」

2. コンソールログの取得

1. 開発ツールでコンソールタブを選択します。

2. 問題が発生する操作を行い、ログを表示させます。

3. ログ全体を保存するには、コンソール内で右クリックし、「すべてのメッセージをコピー」を選択し、ファイルに保存します

3. HARファイルの取得

1. 開発ツールでネットワークタブを選択します。

2. 問題が発生する操作を実行します。

3. 操作が完了したら、 ファイル列の下の任意の場所を右クリックし、 HAR形式ですべて保存をクリックします。