Example 2: Show console.timeStamp() in the Net tab

Firebug 1.8b3 introduces a new APIs for web applications: console.timeStamp()

This methods can be used to log time information into the Console and Net panels in order to compare various execution points on the timeline. This page shows how to use it.

Example

1. Open Firebug (F12), select the Net panel and enable it.
2. Reload this page
3. Watch the Net panel

• Three HTTP requests displayed. One for the page document (example.html), one for attached CSS file (testcase.css) and one for dynamically inserted script element (example.js).
• Just like in the previous example, the the first Script on the page executed time-stamp is generated when the script on the page is executed.
• An external script is added, but it's loaded asynchronously so, we can see the External script added time-stamp immediately after Script on the page executed.
• The example.js file starts loading.
• The page fires DOMContentLoad event.
• The example.js file is loaded and its script evaluated. The result is new External script executed time-stamp.
• The external script freezes the page for 100 milliseconds.
• The page fires load event.