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

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

Owned by Hanayo Minamisawa [Ricksoft]
Last updated: 2025/03/19
3 min read

Webアプリケーションを利用していて、不具合と思われる事象が発生する際に、事象の調査のためHARファイル・コンソールログの取得をお願いする場合がございます。その際は以下の手順に従って取得をお願い致します。

Chrome

1. 開発ツールの起動

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

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

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

    • Mac: Cmd + Opt + I

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

      image-20250110-080241.png



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

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

    image-20250110-081302.png

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

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

    image-20250110-081447.png

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

3. HARファイルの取得

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

    image-20250110-081642.png

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

    image-20250110-092118.png

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

    image-20250110-092433.png

     

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

    image-20250110-093034.png

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

    image-20250110-093703.png

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

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

    image-20250110-093538.png


    ログイン時のエラー検証の場合は、Cookie の情報が必要になるため、長押しし、「Export HAR（with sensitive data）」を選択して作成をお願いいたします。

    image-20250318-095707.png

 

Edge

1. 開発ツールの起動

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

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

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

    • Mac: Cmd + Opt + I

    • 右クリック

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

      image-20250110-080542.png
2. コンソールログの取得

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

    image-20250115-075100.png

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

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

    image-20250115-075317.png

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

3. HARファイルの取得

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

    image-20250115-081300.png

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

    image-20250115-081540.png

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

     

    image-20250115-081635.png

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

    image-20250115-081711.png

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

    image-20250115-081741.png

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

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

    image-20250115-081841.png


    ログイン時のエラー検証の場合は、Cookie の情報が必要になるため、長押しし、「HARのエクスポート（機密データを含む）」を選択して作成をお願いいたします。

    image-20250318-100111.png




 

Firefox

1. 開発ツールの起動

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

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

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

    • Mac: Cmd + Opt + I

    • 右クリック→「調査」

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

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

    image-20250110-094807.png

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

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

    image-20250110-095618.png
3. HARファイルの取得

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

    image-20250110-100149.png

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

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

    image-20250110-100758.png

 

Related content

リックソフト株式会社 は、日本でトップレベルのAtlassian Platinum Solution Partnerです。
大規模ユーザーへの対応実績が認められたEnterpriseの認定をうけ、高度なトレーニング要件をクリアし、小規模から大規模のお客様まで対応可能な実績を示したパートナー企業です。

Copyright © Ricksoft Co., Ltd. プライバシーポリシー お問い合わせ