path: root/files/ja/tools/network_monitor/request_details/index.html

---
title: ネットワークリクエストの詳細
slug: Tools/Network_Monitor/request_details
tags:
  - '110n:priority'
  - Dev Tools
  - Firefox
  - ガイド
  - ツール
  - デバッグ
  - ネットワーク
translation_of: Tools/Network_Monitor/request_details
---
<p>{{ToolsSidebar}}</p>

<p>リクエストの詳細ペインはリクエストリストのネットワークリクエストをクリックすると表示されます。このペインには、リクエストに関するより詳細な情報が表示されます。</p>

<h2 id="ネットワークリクエストの詳細">ネットワークリクエストの詳細</h2>

<p>行をクリックするとネットワークモニターの右側に新しいペインが表示され、リクエストに関するより詳細な情報が表示されます。</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16261/network_request_details.png" style="display: block; height: 741px; margin-left: auto; margin-right: auto; width: 930px;"></p>

<p>このペインの上部にあるタブを使用すると、次のページを切り替えることができます。</p>

<ul>
 <li><strong>Headers</strong></li>
 <li><strong>Cookies</strong></li>
 <li><strong>Params</strong></li>
 <li><strong>Response</strong></li>
 <li><strong>Cache</strong></li>
 <li><strong>Timings</strong></li>
 <li><strong>Security </strong>(安全なページのみ)</li>
 <li><strong>Stack trace</strong> (リクエストにスタックトレースがある場合、たとえば、別のスクリプトによって呼び出されたスクリプトのみ)。これは Firefox 55 以降で利用可能です。</li>
</ul>

<p>ツールバーの右端にあるアイコンをクリックすると詳細ペインが閉じ、リストビューに戻ります。</p>

<h3 id="Headers">Headers</h3>

<p>このタブには、リクエストに関する基本情報がリストされます。</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16262/Network_Monitor_Closeup.png" style="border: 1px solid black; display: block; height: 747px; margin-left: auto; margin-right: auto; width: 900px;"></p>

<p>これには次のものが含まれます：</p>

<ul>
 <li>リクエスト URL</li>
 <li>リクエストメソッド</li>
 <li>リモート IP アドレスとポート <em>(Firefox 39 から)</em></li>
 <li>詳細を確認するためのMDN ドキュメントにリンクしている疑問符アイコン付きステータスコード (利用可能な場合)</li>
 <li>送信された HTTP リクエストとレスポンスヘッダー</li>
 <li>リクエストを編集して再送信するための <a href="/ja/docs/Tools/Network_Monitor">編集と再送信</a> ボタン</li>
 <li>rawリクエストとレスポンスヘッダーを表示するRawヘッダーボタン</li>
</ul>

<p>表示されるヘッダをフィルタリングすることができます。</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16266/network_headers.png" style="border: 1px solid black; display: block; height: 295px; margin-left: auto; margin-right: auto; width: 900px;"></p>

<p>ステータスコード行の各ヘッダーの横に疑問符のアイコンが表示されます。これは <a href="/ja/docs/Web/HTTP/Headers">HTTP ヘッダーの MDN ドキュメント</a>で、特定のステータスコードに関する詳細情報へのリンクです。</p>

<h3 id="Cookies">Cookies</h3>

<p>このタブには、リクエストまたはレスポンスとともに送信されたすべてのクッキーの詳細が一覧表示されます。</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16265/network_cookies.png" style="border: 1px solid black; display: block; height: 748px; margin-left: auto; margin-right: auto; width: 2276px;"></p>

<p>ヘッダーと同様に、表示されるクッキーのリストをフィルタリングできます。 Cookie属性の完全なリストが表示されます。レスポンスのクッキーの例の下のスクリーンショットを参照してください。</p>

<p><img alt="cookies panel in firefox devtools network monitor, showing a number of cookie attributes including samesite" src="https://mdn.mozillademos.org/files/16108/highlight-samesite-attribute.png" style="display: block; height: 394px; margin: 0px auto; width: 1047px;"></p>

<p>Firefox 62 ({{bug("1452715")}}) 以降、<code>samesite</code> 属性が表示されています。</p>

<h3 id="パラメータ">パラメータ</h3>

<p>このタブにはリクエストの GET パラメータと POST データが表示されます。</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16333/params.png" style="display: block; height: 215px; margin-left: auto; margin-right: auto; width: 900px;"></p>

<h3 id="レスポンス">レスポンス</h3>

<p>レスポンスの完全な内容。レスポンスが HTML、JS、または CSS の場合、テキストとして表示されます。</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16268/network_response.png" style="border: 1px solid black; display: block; height: 747px; margin-left: auto; margin-right: auto; width: 900px;"></p>

<p>レスポンスが JSON の場合、検査可能オブジェクトとして表示されます。</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16332/response_json.png" style="display: block; height: 268px; margin: 0 auto; width: 900px;"></p>

<p>レスポンスが画像の場合、タブにプレビューが表示されます。</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16331/response_pane_image.png" style="display: block; height: 347px; margin-left: auto; margin-right: auto; width: 900px;"></p>

<h4 id="キャッシュ">キャッシュ</h4>

<p>レスポンスがキャッシュされると(すなわち、304)、"Cache" タブにキャッシュされたリソースに関する詳細が表示されます。</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16329/response_cache.png" style="border: 1px solid black; display: block; height: 245px; margin: 0px auto; width: 567px;"></p>

<p>詳細には次のものが含まれています:</p>

<ul>
 <li>Last fetched: リソースが最後にフェッチされた日付。</li>
 <li>Fetched count: リソースがフェッチされた現在のセッション内の回数。</li>
 <li>Data size: リソースのサイズ。</li>
 <li>Last modified: リソースが最後に変更された日付。</li>
 <li>Expires: リソースの有効期限が切れる日付。</li>
 <li>Device: リソースが取得されたデバイス ("disk" など)。</li>
</ul>

<h4 id="HTML_プレビュー">HTML プレビュー</h4>

<p>レスポンスが HTML の場合、レンダリングされた HTML のプレビューがレスポンスペイロードの上にある [Response] タブ内に表示されます。</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16272/settings_for_browser_debugger.png" style="border-style: solid; border-width: 1px; border: 1px solid black; display: block; height: 744px; margin: 0px auto; width: 900px;"></p>

<h3 id="タイミング">タイミング</h3>

<p>[タイミング] タブでは、ネットワークリクエストを、<a href="https://dvcs.w3.org/hg/webperf/raw-file/tip/specs/HAR/Overview.html">HTTP アーカイブ</a>仕様で定義された次のサブセットに分解します。</p>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">名前</th>
   <th scope="col">説明</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>Blocked</td>
   <td>
    <p>ネットワーク接続を待っているキューで費やされた時間。</p>

    <p>ブラウザは、単一のサーバーに対して行うことができる同時接続の数に制限を設けています。Firefox のデフォルトは 6 ですが、<code><a href="http://kb.mozillazine.org/Network.http.max-persistent-connections-per-server">network.http.max-persistent-connections-per-server</a></code> の設定を使用して変更できます。すべての接続が使用中の場合、ブラウザは接続が解放されるまで、より多くのリソースをダウンロードすることはできません。</p>
   </td>
  </tr>
  <tr>
   <td>DNS resolution</td>
   <td>ホスト名を解決するのにかかる時間。</td>
  </tr>
  <tr>
   <td>Connecting</td>
   <td>TCP 接続を作成するのにかかる時間。</td>
  </tr>
  <tr>
   <td>Sending</td>
   <td>HTTP リクエストをサーバーに送信するのにかかる時間。</td>
  </tr>
  <tr>
   <td>Waiting</td>
   <td>サーバーからのレスポンスを待っています。</td>
  </tr>
  <tr>
   <td>Receiving</td>
   <td>サーバー (またはキャッシュ) からのレスポンス全体を読み取るのにかかる時間。</td>
  </tr>
 </tbody>
</table>

<p>それは、そのリクエストに対するタイムラインバーのより詳細な注釈付きのビューを提示します。これは、合計待ち時間がさまざまな段階にどのように分割されるかを示します。</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16271/network_timings.png" style="border: 1px solid black; display: block; height: 749px; margin-left: auto; margin-right: auto; width: 900px;"></p>

<h3 id="セキュリティ">セキュリティ</h3>

<p>サイトが HTTPS 経由でサービスされている場合は、"Security" というラベルのタブが追加されます。これには、プロトコル、暗号スイート、証明書の詳細など、使用される安全な接続に関する詳細が含まれています。</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16269/network_security.png" style="border: 1px solid black; display: block; height: 748px; margin-left: auto; margin-right: auto; width: 2276px;"></p>

<p>[セキュリティ] タブには、セキュリティの弱点に関する警告が表示されます。 現在、2つの弱点について警告しています。</p>

<ol>
 <li>Using SSLv3 instead of TLS</li>
 <li>Using the RC4 cipher</li>
</ol>

<p><img alt="" src="https://mdn.mozillademos.org/files/10165/security-warning.png" style="display: block; height: 93px; margin-left: auto; margin-right: auto; width: 591px;"></p>

<h3 id="スタックトレース">スタックトレース</h3>

<p>Stack Trace タブには、スタックトレースがあるレスポンスのスタックトレースが表示されます。</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16270/network_stack_trace.png" style="border: 1px solid black; display: block; height: 205px; margin: 0px auto; width: 900px;"></p>