Aptana Studio ヘルプ > はじめに > Inspecting and Debugging with Firebug

Monitoring XMLHttpRequests

This page describes how to use Firebug to monitor XMLHttpRequests on a web page.

Contents

  • Introduction

    Firebug provides you with two ways to monitor XMLHttpRequest objects and other network activity. You can view all types of network activity, including XMLHttpRequest objects via the Image:iconFirebugNet.png tab. You can also see all XMLHttpRequest messages that have been logged using the Image:iconFirebugConsole.png tab.

    Instructions

    Using the Net tab

    To view all network activity:

    1. In the lower right corner of Firefox, click the Firebug button Image:iconFirebug.png to start Firebug.
    2. Click the Image:iconFirebugNet.png tab to view network activity for the page.
    3. Click one of the buttons above the tab to select what type of network activity you'd like to view:
      • All - View all network activity.
      • HTML - View HTML files loaded into the page.
      • CSS - View all CSS files loaded into the page.
      • JS - View all JavaScript files loaded into the page.
      • XHR - View all XMLHttpRequest objects for the page.
      • Images - View all image files loaed into the page.
      • Flash - View all Flash (swf) files loaded into the page.

    The Net tab displays all specified activity on the page as files and objects are loaded. An animated timeline helps you visually see when things are loaded.

    The image below shows example output for XMLHttpRequest objects:

    Image:firebugXMLHttpRequest.png

    Using the Console

    To view XMLHttpRequest messages in the console:

    1. In the lower right corner of Firefox, click the Firebug button Image:iconFirebug.png to start Firebug.
    2. Click the Image:iconFirebugConsole.png tab to view console messages the page.

      Any XMLHttpRequest messages for the page will be displayed in the console (see example below).

    Image:firebugXMLHttpRequestConsole.png

    Related Topics