概要
本TOPICに関する情報は以下になります。
詳細
概要
各種Webブラウザでは、Web開発者向けにデベロッパーツール機能が搭載されています。
このデベロッパーツールを利用することで、Webサイトにアクセスした際の情報を記録することができ、各種Webブラウザに関連したトラブルの調査に役立てることが可能です。
このデベロッパーツールを利用することで、Webサイトにアクセスした際の情報を記録することができ、各種Webブラウザに関連したトラブルの調査に役立てることが可能です。
取得方法
Microsoft Edge / Internet Explorer
- Microsoft Edge または Internet Explorer を起動します。
- キーボードの[F12]ボタンを押し、ブラウザデベロッパーツールを開きます。
- [ネットワーク]タブを選択します。
- ▶ボタンをクリックして、トラフィックのキャプチャを有効にしてください(※ツールのバージョンによっては起動時に既に有効になっている場合もありますので、その際はそのまま次に進んで下さい。)
- Webサイトにアクセスし、事象を再現させます。
- [HAR としてエクスポート]ボタン(フロッピー型のボタン)をクリックし、HAR形式でファイルを保存します。(※ツールのバージョンによっては、HAR形式で保存ができないため、その場合XML形式で保存してください。)
Google Chrome
- Google Chromeを起動します。
- キーボードの[F12]キーを押し、ブラウザデベロッパーツールを開きます。
- [Network]タブを選択し、"Preserve log"にチェックを付けます。
- Webサイトにアクセスし、事象を再現させます。
- ログの出力結果ウィンドウ上でキーボードの[Ctrl]キー + [A]キーを押し、全てのログが選択された状態で再度ログの出力結果ウィンドウ上で右クリックし、メニューより[Save as HAR with content]を選び、HAR形式でファイルを保存します。
Mozilla Firefox
- Mozilla Firefoxを起動します。
- キーボードの[F12]キーを押し、ブラウザデベロッパーツールを開きます。
- [ネットワーク]タブを選択し、"永続ログ"にチェックを入れます。
- Webサイトにアクセスし、事象を再現させます。
- 右端にある[HAR]ボタンをクリックし[HAR形式ですべて保存]を選択して、HAR形式でファイルを保存します。
Safari (macOS)
- Safariを起動します。
- [Safari]メニューから[環境設定]を選択し、[詳細]タブより[メニューバーに"開発"メニューを表示]にチェックを入れます。
- [開発]メニューから[Webインスペクタを表示]を選択し、Webインスペクタを開きます。
- Webサイトにアクセスし、事象を再現させます。
- [ネットワーク]タブに移動し、[すべて]を選択します。
- 右端にある[書き出す]ボタンをクリックし、任意の名前を入力して[保存]をクリックして、HAR形式でファイルを保存します。
- その他、各製品に関する情報は、各製品の管理者ガイド、オンラインヘルプまたは製品Q&Aをご参照ください。