ネットワークリクエストリスト

この翻訳は不完全です。英語から この記事を翻訳 してください。

ネットワークモニターのリクエストリストには、ページのロード中に行われたすべてのネットワークリクエストの一覧が表示されます。

ネットワークリクエストリスト

デフォルトでは、ネットワークモニタにはページの読み込み中に行われたすべてのネットワークリクエストの一覧が表示されます。各リクエストはそれ自身の行に表示されます:

デフォルトでは、新しいページに移動するか現在のページをリロードするたびに、ネットワークモニタがクリアされます。設定の [永続ログを有効にする] をオンにするとこの動作を無効にすることができます。

ネットワークリクエスト列

テーブルヘッダーを右クリックし、コンテキストメニューから特定の列を選択することによって、異なる列を切り替えることができます。"Reset Columns" オプションで初期設定に戻すこともできます。使用可能なすべての列のリストは次のとおりです。

  • Status: 返された HTTP ステータスコード。これは、色分けされたアイコンとして表示されます。
    • blue circle for informational (1XX codes). Notably, this includes 101 (switching protocols) for WebSocket upgrades.
    • 緑の円は成功 (2XX コード)
    • オレンジの三角はリダイレクト (3XX)
    • 赤い四角はエラー (4XX と 5XX)
    • 中空の灰色の円はブラウザのキャッシュから取得されたレスポンス。
    正確なコードはアイコンの直後に表示されます。
  • Method: 使用された HTTP リクエストメソッド。
  • File: リクエストされたファイルのベース名。
  • Protocol: データを転送するために使用されたネットワークプロトコル。この列はデフォルトでは表示されません。これは Firefox 55 の新機能です。
  • Scheme: リクエストされたパスのスキーム (https/http/ftp/...)。 この列はデフォルトで非表示になっています。これは Firefox 55 の新機能です。
  • Domain: リクエストされたパスのドメイン。
    • If the request used SSL/TLS and the connection had security weaknesses such as weak ciphers, you'll see a warning triangle next to the domain. You will be able to see more details about the problem in the Security tab.
    • IP アドレスを表示するにはドメインにカーソルを合わせます。
    • There's an icon next to the domain that gives you extra information about the security status of that request. See Security icons.
  • Remote IP: リクエストに応答しているサーバーの IP アドレス。この列はデフォルトで非表示になっています。これは Firefox 55 の新機能です。
  • Cause: The reason that the network request occurred, for example XHR request, <img>, script, script requesting an image, etc. This is new in Firefox 49.
  • Type: レスポンスの Content-type
  • Cookies: リクエストに関連付けられたリクエストクッキーの数。 この列はデフォルトで非表示になっています。これは Firefox 55 の新機能です。
  • Set-Cookies: リクエストに関連付けられたレスポンスクッキーの数。この列はデフォルトで非表示になっています。これは Firefox 55 の新機能です。
  • Transferred: The number of bytes that were actually transferred to load the resource. This will be less than Size if the resource was compressed. From Firefox 47, if the resource was fetched from a service worker cache, then this cell displays "service worker".
  • Size: 転送されたリソースのサイズ。

上部のツールバーはこれらの列にラベルを付け、ラベルをクリックするとその列によるすべての要求がソートされます。

イメージサムネイル

ファイルがイメージの場合、行にはイメージのサムネイルが含まれ、ファイル名の上にマウスを置くとツールチップのプレビューが表示されます。

セキュリティアイコン

ネットワークモニタは [ドメイン] 列にアイコンを表示します。

これによりリクエストのセキュリティステータスに関する追加情報が得られます。

アイコン 意味
HTTPS
弱い HTTPS (例えば、弱い暗号が使用された場合)
失敗した HTTPS (たとえば、証明書が無効だった場合)
HTTP
Localhost
URL がコンテンツブロッキングを有効にしてブロックされる既知のトラッカーに属していることを示します。

For weak and failed HTTPS requests, you'll see more details of the problem in the Security tab.

Cause column

「原因」列には、リクエストの原因を示します。これは通常かなり明白であり、一般的にこれとタイプの列項目との間の相関を見ることができます。最も一般的な値は次のとおりです。

  • document: ソースHTMLドキュメント
  • img: <img> 要素
  • imageset: <img> 要素
  • script: JavaScriptファイル
  • stylesheet: CSSファイル

タイムライン

リクエストリストには、各リクエストのさまざまな部分のタイムラインも表示されます。

 

各タイムラインには、その行の他のネットワークリクエストに対する相対的な水平位置が与えられているため、ページのロードに要した合計時間を確認できます。ここで使用される色分けの詳細については、タイミングページのセクションを参照してください。

Firefox 45 以降、タイムラインには 2 つの垂直線も含まれています:

  • The blue line marks the point at which the page's DOMContentLoaded event is triggered.
  • The red line marks the point at which the page's load event is triggered.

リクエストのフィルタリング

リクエストをコンテンツタイプ、XMLHttpRequests リクエスト、WebSocket リクエスト、URL、リクエストプロパティ別のいずれかでフィルタリングできます。

コンテンツタイプによるフィルタリング

To filter by content type, use the buttons in the toolbar.

XHRのフィルタリング

To see only XHR requests, use the "XHR" button in the toolbar.

WebSocketsのフィルタリング

To see only WebSocket connections, use the "WS" button in the toolbar.

To monitor the data exchanged in WebSocket connections, try the WebSocket Monitor add-on.

URLによるフィルタリング

To filter by URL, use the search box in the toolbar. Click in the search box, or press Ctrl + F (or Cmd + F on a Mac), and start typing. The list of network requests will be filtered to include only requests that contain your filter string, in either the Domain or the File portions.

Firefox 45 では、クエリ文字列に "-" 演算子をつけることでフィルタ文字列を含まないリクエストをフィルタリングできます。たとえば、"-google.com" というクエリでは、URL に "google.com" がないすべてのリクエストが表示されます。

プロパティによるフィルタリング

特定のリクエストプロパティでフィルタリングするには、ツールバーの検索ボックスを使用します。検索ボックスは特定のキーワードを認識し、特定のリクエストプロパティによってリクエストをフィルタリングするために使用できます。これらのキーワードの後にコロンと関連するフィルター値が続きます。フィルター値は大文字と小文字を区別しません。マイナス (-) を前に付けると、フィルタは無効になります。異なるフィルタをスペースで区切って組み合わせることができます。

キーワード 意味
status-code Shows resources that have the specific HTTP status code. status-code:304
method Shows resources that have were requested via the specific HTTP request method. method:post
domain Shows resources coming from a specifc domain. domain:mozilla.org
remote-ip Shows resources coming from a server with the specified IP. remote-ip:63.245.215.53
remote-ip:[2400:cb00:2048:1::6810:2802]
cause Shows resources matching a specific cause type. The types can be found in the description of the cause column. cause:js
cause:stylesheet
cause:img
transferred Shows resources having a specific transferred size or a transferred size close to the one specified.  k can be used as suffix for kilobytes and m for megabytes, e.g. the value 1k is equivalent to 1024. transferred:1k
size Shows resources having a specific size (after decompression) or a size close to the one specified. k can be used as suffix for kilobytes and m for megabytes, e.g. the value 1k is equivalent to 1024. size:2m
larger-than Shows resources that are larger than the specified size in bytes. k can be used as suffix for kilobytes and m for megabytes, e.g. the value 1k is equivalent to 1024. larger-than:2000
-larger-than:4k
mime-type Shows resources that match the specified MIME type. mime-type:text/html
mime-type:image/png
mime-type:application/javascript
is is:cached and is:from-cache shows only resources coming from cache.
is:running shows only resources, which are currently being transferred.
is:cached
-is:running
scheme Shows resources transferred via the given scheme. scheme:http
has-response-header Shows resources that contain the specified HTTP response header. has-response-header:cache-control
has-response-header:X-Firefox-Spdy
set-cookie-domain Shows the resources that have a Set-Cookie header with a Domain attribute that matches the specified value. set-cookie-domain:.mozilla.org
set-cookie-name Shows the resources that have a Set-Cookie header with a name that matches the specified value. set-cookie-name:_ga
set-cookie-value Shows the resources that have a Set-Cookie header with a value that matches the specified value. set-cookie-value:true
regexp Shows the resources having a URL that matches the given regular expression. regexp:\d{5}
regexp:mdn|mozilla

コンテキストメニュー

リスト内の行の"コンテキストクリック"は、次のオプションを含むコンテキストメニューを表示します。

  • Copy URL
  • Copy URL Parameters
  • Copy POST Data (only for POST requests)
  • Copy as cURL
  • Copy Request Headers
  • Copy Response Headers
  • Copy Response
  • Copy Image as Data URI (only for images)
  • Copy All As HAR
  • Save All As HAR
  • Save Image As (only for images)
  • Edit and Resend
  • Open in New Tab
  • Start Performance Analysis for the page

Edit and Resend

このオプションを使用すると、リクエストのメソッド、URL、パラメータ、およびヘッダーを編集し、リクエストを再送信できるエディタが開きます。

新規タブで開く

リクエストを新しいタブで再送信します。非同期リクエストのデバッグには非常に便利です。

Copy as cURL

このオプションはネットワークリクエストを cURL コマンドとしてクリップボードにコピーするので、コマンドラインから実行することができます。 このコマンドには、次のオプションが含まれます。

-X [METHOD] If the method is not GET or POST
--data For URL encoded request parameters
--data-binary For multipart request parameters
--http/VERSION If the HTTP version is not 1.1
-I If the method is HEAD
-H

One for each request header.

From Firefox 34, if the "Accept-Encoding" header is present, the cURL command will include --compressed instead of -H "Accept-Encoding: gzip, deflate". This means that the response will be automatically decompressed.

Copy/Save All As HAR

これらのオプションはリストされたすべての要求に対して HTTP アーカイブ (HAR) を作成します。HAR 形式を使用すると、ネットワークリクエストに関する詳細情報をエクスポートできます。'Copy All As HAR' はデータをクリップボードにコピーし、'Save All As HAR' はアーカイブをディスクに保存するダイアログを開きます。

Firefox 61 以降では、これらのオプションを簡単に発見できるようにツールバーメニューを追加しました (バグ 1403530)。新しい 'HAR' ドロップダウンメニューには、'Copy All As HAR' コマンドと 'Save All As HAR' コマンドの両方と、'Import...' オプションがあります。

ドキュメントのタグと貢献者

このページの貢献者: silverskyvicto
最終更新者: silverskyvicto,