HARファイルの作成方法を教えてください。
お問い合わせいただいた問題の調査を行う際、サポートデスクよりお客様へHARファイルとコンソールのエラー画面のスクリーンショットの提供をお願いすることがあります。
本ページでは、スケジュールの新規登録画面で問題が発生している場合を例に、GoogleChrome・MicrosoftEdgeにおけるHARファイルの作成とコンソールのエラー画面のスクリーンショットの撮影方法を説明します。
以下の手順および画面表示は最新のものと異なる場合があります。
ご不明な点等ございましたら、弊社サポートデスクまでご連絡ください。
GoogleChromeの場合
-
GoogleChromeを開き、問題が発生している画面にアクセスします。
-
キーボードの「F12」をクリックします。
画面右側にデベロッパーツールが表示されます。
-
デベロッパーツールの[Network]タブをクリックします。
-
キーボードの「F5」もしくはブラウザの更新ボタンをクリックして、画面を再読み込み（リロード）します。
デベロッパーツール内に読み込み情報とグラフが表示されます。
-
赤枠のアイコンを選択し「Export HAR(sanitaized)」を実行します。
HARファイルが出力され、[名前を付けて保存]のウィンドウが表示されます。
-
HARファイルが出力され、[名前を付けて保存]のウィンドウが表示されるので、デスクトップなどを選択して[保存]をクリックします。
-
デベロッパーツールの[Console]タブをクリックします。
エラー（背景色が赤）が表示されている場合は、デベロッパーツールのスクリーンショットを撮影しデスクトップなどに保存します。
「F12」を押してもデベロッパーツールが表示されない場合は、ブラウザ右上のメニューボタンをクリックし、[その他のツール]を選択し[デベロッパーツール]をクリックしてください。
コンソールを選択した際に表示設定よって何も表示されない場合があります。
全体を表示するように「Selected context only」はチェックを外してください。
Microsoft Edgeの場合
-
Microsoft Edgeを開き、問題が発生している画面にアクセスします。
-
キーボードの「F12」をクリックします。
画面右側に開発者ツールが表示されます。
-
開発者ツールの[Network]タブをクリックします。
選択肢の一覧に表示されない場合は、［+］をクリックし、［Network］タブを追加します。
-
キーボードの「F5」もしくはブラウザの更新ボタンをクリックして、画面を再読み込み（リロード）します。
開発者ツール内に読み込み情報とグラフが表示されます。
-
赤枠のアイコンを選択し「HARのエクスポート（サニタイズ）」を実行します。
HARファイルが出力され、[名前を付けて保存]のウィンドウが表示されます。
-
HARファイルが出力され、[名前を付けて保存]のウィンドウが表示されるので、デスクトップなどを選択して[保存]をクリックします。
-
開発者ツールの[Console]タブをクリックします。
エラー（背景色が赤）が表示されている場合は、開発者ツールのスクリーンショットを撮影しデスクトップなどに保存します。
「F12」を押しても開発者ツールが表示されない場合は、ブラウザ右上のメニューボタンをクリックし、[その他のツール]を選択し[開発者ツールで調査]をクリックしてください。
コンソールを選択した際に表示設定よって何も表示されない場合があります。
全体を表示するように「Selected context only」はチェックを外してください。
