|22 Apr 2010||#1|
| || |
IE9 Developer Tools: Network Tab
At MIX 10 we released the IE9 Platform Preview and showed some of the included developer tools. You can access these tools by pressing F12, or click Developer Tools on the Debug menu when you use the Platform Preview.
The developer tools include some new capabilities and improvements over the tools in IE8:
To find the Network tab, open the developer tools in the IE9 Platform Preview.
In the Network tab you need to click Start Capturing to begin recording network traffic. The network tool doesn’t capture data until you click start because collecting network data has an impact on performance and consumes memory. Once you’ve started capturing, refresh the page to see the recorded network requests in the Summary View as they occur.
The Summary View contains the list of all the requests made by the page; it includes:
The Detailed View is broken up into 6 tabs:
A list of all the headers sent with the request including the request line.
A text view of any data sent in the body of the request, typically used for POST requests such as form submissions.
A list of all the headers received with the response including the status line.
A view of the body of the response. The tool has built in viewers for text and images.
A view of the cookies sent and received with the request.
The last tab contains a graph of times associated with the request.
You can click each of the bars in the chart or list view to get more information about what the time represents.
Once you have a capture you can save it to a file. This is handy if you need to file a bug or send the report to someone else to look at. The save icon is on the tool strip just below the tab, and there are two formats to save the data to: XML or CSV.
The first option is to save the file as a CSV. This saves the summary view and is useful if you want to look at the data in a spreadsheet program like Excel. You can also just select the rows in the summary view and then copy and paste them into Excel.
The second option (the default) is to save the file as XML using a format based on the HTTP Archive. The saved file includes all the data associated with a capture and can be used to examine issues in other tools. For example, Eric Lawrence is extending Fiddler to import HTTP Archive files so you can view the contents using Fiddler. The HTTP Archive format contains useful information that can help assess the performance of a page. For example, the site at http://netrules.tablezengarden.com/, lets you paste the contents of an HTTP Archive file and run some of the YSlow rules against it.
Over on the IE test drive site, we published a new Network Monitoring demo which gives you a way to practice using the Network tab to debug your sites.
We will continue to improve the developer tools in future updates to the Platform Preview. In the meantime, we want to hear your feedback and would love to hear how we can make the developer tools in IE9 your developer tool of choice.
-- Andy Sterland
|My System Specs|
|Similar help and support threads for2: IE9 Developer Tools: Network Tab|
|Internet Explorer F12 Developer Tools - Enable or Disable||Tutorials|
|old copy of Microsoft Developer Network||Software|
|How do I synchronize IE9 Developer Tools Browser Mode & Document Mode?||Browsers & Mail|
|New Features for IE9 Platform Preview 2 Developer Tools||Browsers & Mail|
|Windows Phone Developer Tools CTP Refresh!||Customization|
|Windows Phone Developer Tools CTP Refresh!||News|
|Check Out the New Developer Tools Tutorials||News|
|Our Sites ||Site Links ||About Us ||Find Us |
© Designer Media Ltd
All times are GMT -5. The time now is 03:44 PM.