ビュー:

概要

各種Webブラウザでは、Web開発者向けにデベロッパーツール機能が搭載されています。
このデベロッパーツールを利用することで、Webサイトにアクセスした際の情報を記録することができ、各種Webブラウザに関連したトラブルの調査に役立てることが可能です。

取得方法

Microsoft Edge

  1. Microsoft Edge を起動します。
  2. キーボードの[F12]ボタンを押し、ブラウザデベロッパーツールを開きます。
    確認のダイアログが表示された場合は[DevTools を開く]をクリックします。
  3. [ネットワーク]タブを選択します。
    自動的にトラフィックのキャプチャが開始されますが、もし開始されない場合は左上の○ボタン(ネットワークログの記録)をクリックして、トラフィックのキャプチャを有効にします。
  4. Webサイトにアクセスし、事象を再現させます。
  5. 事象再現後、左上の■ボタン(ネットワークログの記録を停止する)をクリックして、トラフィックのキャプチャを停止します。
  6. トラフィックログ出力結果([名前]や[状態]といった情報が表示されているログ)上で右クリックし、[コンテンツを含むすべてをHAR として保存する]を選択し、HAR形式でファイルを保存します。

Google Chrome

  1. Google Chromeを起動します。
  2. キーボードの[F12]キーを押し、ブラウザデベロッパーツールを開きます。
  3. [Network]タブを選択し、"Preserve log"にチェックを付けます(最初からチェックが付いている場合は対応不要です)。
    自動的にトラフィックのキャプチャが開始されますが、もし開始されない場合は左上の○ボタン(Record network log)をクリックして、トラフィックのキャプチャを有効にします。
  4. Webサイトにアクセスし、事象を再現させます。
  5. 事象再現後、左上の■ボタン(Stop recording network log)をクリックして、トラフィックのキャプチャを停止します。
  6. トラフィックログ出力結果([名前]や[状態]といった情報が表示されているログ)上で右クリックし、[Save all as HAR with content]を選択し、HAR形式でファイルを保存します。

Mozilla Firefox

  1. Mozilla Firefoxを起動します。
  2. キーボードの[F12]キーを押し、ブラウザデベロッパーツールを開きます。
  3. [ネットワーク]タブを選択し、右端にある歯車マークをクリックし、"永続ログ"にチェックを入れます(最初からチェックが付いている場合は対応不要です)。
    自動的にトラフィックのキャプチャが開始されますが、もし開始されない場合は中央右側の▶ボタン(ネットワークログの記録を一時停止/再開)をクリックして、トラフィックのキャプチャを有効にします。
  4. Webサイトにアクセスし、事象を再現させます。
  5. 事象再現後、中央右側の||ボタン(ネットワークログの記録を一時停止/再開)をクリックして、トラフィックのキャプチャを停止します。
  6. 右端にある歯車マークをクリックし、[HAR形式ですべて保存]を選択して、HAR形式でファイルを保存します。

Safari (macOS)

  1. Safariを起動します。
  2. [Safari]メニューから[環境設定]を選択し、[詳細]タブより[メニューバーに"開発"メニューを表示]にチェックを入れます。
  3. [開発]メニューから[Webインスペクタを表示]を選択し、Webインスペクタを開きます。
  4. Webサイトにアクセスし、事象を再現させます。
  5. [ネットワーク]タブに移動し、[すべて]を選択します。
  6. 右端にある[書き出す]ボタンをクリックし、任意の名前を入力して[保存]をクリックして、HAR形式でファイルを保存します。
  • その他、各製品に関する情報は、各製品の管理者ガイド、オンラインヘルプまたは製品Q&Aをご参照ください。