Inspectors Tab

The Fiddler Everywhere Inspectors tab renders the Request and the Response sections, which display the request and the response information for the sessions that are selected from the Live Traffic list.

The inspectors are based on the Monaco editor and provide a number of features among which:

  • Great performance for loading large chunks of data.
  • Line IDs to quickly identify and mark a specific portion of the request or response.
  • Powerful search functionality that supports strings and regular expressions.
  • Context styling that highlights the content based on its type—for example, image renderers, HTML and XML formatters, JSON formatter, and more.
  • Except for the Preview inspector type, all inspectors provide the Copy all content to clipboard button at the top-right corner.

To load the data of a session in the Inspectors section, select a session from the Live Traffic list.

Inspectors for Traffic Monitoring

To switch the loaded name of the inspector, click the desired inspector name—for example, Image or Raw.

The Inspectors provide the following types of inspecting tools that enable you to inspect different parts of the requests and responses:

Headers Inspector

The Headers inspector allows you to view the HTTP headers of the request and the response.

Headers Inspector

Request Headers Inspector

Every HTTP request begins with plain text headers that describe what the client requests as a resource or operation. The first line of the request (the Request line) contains the following values:

  • The HTTP method—For example, GET.
  • The URL path which is being requested—For example /index.html.
  • The HTTP version—For example, HTTP/1.2.

The Request line can consist of one or more rows containing name-value pairs of metadata about the request and the client such as the User-Agent and Accept-Language.

Response Headers

Like the HTTP request, every HTTP response begins with plain text headers that describe the result from the request. The first line of the response (the Status line) contains the following values:

  • The HTTP version—For example, HTTP/1.1.
  • The response status code—For example, 200.
  • The response status text—For example, OK.

The Status line can consist of one or more lines containing name-value pairs of metadata about the response and the server such as the length of the response file, the content type, and how the response can be cached.

Params Inspector

The Params inspector, available in the Request section only, displays the content from any input endpoints parameters.

Params Inspector

Cookies Inspector

The Cookies inspector displays the contents of any outbound Cookie and Cookie2 request headers and any inbound Set-Cookie, Set-Cookie2, and P3P response headers.

Cookies Inspector

Raw Inspector

The Raw Inspector allows you to view the complete request and response, including headers and bodies, as text. Most of the inspector represents a large text area that displays the body text interpreted by using the detected character set with the headers, the byte-order-marker, or an embedded META tag declaration.

By default, the request or response will be displayed as received, which means that encoded or compressed content will be in a non-human readable format and received as is. The Raw Inspector comes with a special decode button in the inspector toolbar to decode encoded or compressed content.

The following figure displays encoded raw content with the decode button inactive.

Raw Inspector with encoded content

The following figure displays decoded raw content with the decode button active.

Raw Inspector with decoded content

Preview Inspector

The Preview Inspector, available in the Request section only, allows you to view the response bodies as an image or an HTML page depending on the response content. The inspector can display most common web image formats, including JPEG, PNG, GIF, and less common formats like cursors, WebP, JPEG-XR, bitmaps, TIFF.

Preview Inspector rendering image

If the content is in HTML format, then the Preview inspector allows you to view responses in a web browser control, which provides a quick preview of how a given response may appear in a browser. To avoid flooding the Live Traffic list, the web browser control is configured to prevent additional downloads when rendering the response, which means that most images and styles will not be displayed. Additionally, scripting and navigating are blocked and provide a read-only preview.

Preview Inspector rendering HTML content

Body Inspectors

The Body inspectors are suitable for different types of requests and responses. Fiddler Everywhere automatically tries to load the most appropriate body inspector depending on the content.

Text

The Text inspector allows you to view the request and response bodies as text. It truncates the data it renders at the first null byte it finds, which makes it an inappropriate choice for displaying binary content. Most of the body inspector represents a large text area that displays the body text interpreted by using the detected character set with the headers, the byte-order-marker, or an embedded META tag declaration.

Text Inspector

JSON

The JSON inspector interprets the selected request or response body as a JavaScript Object Notation (JSON) formatted string, showing a tree view of the JSON object nodes. If the body can't be interpreted as JSON, the tree view will remain empty. The JSON inspector can render the data even if the request or response is compressed or has HTTP chunked encoding applied. The JSON inspector provides an Expand All / Collapse All toggle button that will expand or collapse all JSON tree nodes.

If the JSON data is malformed, for example, the name component of a name/value pair is unquoted, the JSON inspector will show a warning in the footer.

JSON Inspector

XML

The XML inspector interprets the selected request or response body as an Extensible Markup Language (XML) document, showing a tree view of the XML document nodes. If the body can't be interpreted as XML, the tree view will remain empty. Each XML element is represented as a node in the tree. The attributes of the element are displayed in square brackets after the its name. The inspector provides an Expand All / Collapse All toggle button that will expand or collapse all XML tree nodes.

XML Inspector

Form Data

The Form Data inspector, available in the Request section only, parses the request query string and body for any HTML form-data. If a form is found, it is parsed, and the name/value pairs are displayed in the grid view. The inspector works best with application/x-www-form-urlencoded data used by most simple web forms.

Form Data Inspector

The Form Data inspector provides the following options for copying the parameter content from the context menu:

  • Copy Value—Copies only the value of the selected parameter from the key-value pair.
  • Copy Key/Value—Copies the key-value pair of the selected parameter.

Copying Information from the Form Data Inspector

In this article