How to use F12 Developer Tools to Debug your Webpages
Profiling Script with the Developer Tools
The Internet Explorer 8 Developer Tools provide a built-in script profiler that enables you to profile the Microsoft JScript code running in Internet Explorer. This document outlines the high-level features of the script Profiler.
Discovering Internet Explorer Developer Tools
Every installation of Internet Explorer 8 comes with the Developer Tools. This tool enables Web site developers to quickly debug Microsoft JScript, investigate a behavior specific to Internet Explorer, or iterate rapidly to prototype a new design or try solutions to a problem on-the-fly. This article introduces you to key features of the Developer Tools.
Developer Tools Tutorials
These tutorials will help you to better understand how the Developer Tools work. A starting Web page is provided, and each tutorial is focused on solving a problem to make the Web page better.
Debugging Script with the Developer Tools
The Developer Tools feature of Internet Explorer 8 offers a built-in, lightweight Microsoft JScript debugger that enables developers to set breakpoints and to step through client-side JScript code without leaving the browser. This document outlines the high-level features of the JScript debugger.
Debugging HTML and CSS with the Developer Tools
Internet Explorer 8 provides enhanced Developer Tools to help you research and resolve HTML-, Cascading Style Sheets (CSS)-, and Microsoft JScript-related problems. This article is focused on the HTML and CSS tools of the Developer Tools.
Circular Memory Leak Detection
In this video, Matt Hester discusses Internet Explorer 8’s memory management improvements that will lessen the effects of memory leaks created by circular references between Microsoft Jscript objects and Document Object Model (DOM) objects.
Internet Explorer 8 Developer Series Overview
In this video, Matt Hester describes the main topics covered in the video series, including CSS 2.1 and 3.0 features, HTML 5, Native JSON, Selectors, AJAX Navigation and Developer tools.
IE Team Blog Posts
IE9 Developer Tools: Network Tab
The Network tab gives developers insight into what resources a web page is using including the data that is sent to and received from the server. Developers can use this information to see if network responses contain errors, such as file not found or a server side error. The tool also helps debugging AJAX requests as you can examine the data as it was sent and received from the server.
What’s New in JScript for IE8 Beta 2
Discussion of the IE Beta 2 enhancements and improvements of the scripting engine, the script debugger and the new script profiler.
Introducing the IE8 Developer Tools JScript Profiler
The JScript Profiler in Developer Tools helps identify and fix performance related issues by providing critical JScript related performance data to the web developer.
Developer Tools in Internet Explorer 8
Introduction to the new developer tools for IE8. This entry describes the new tools that provide an integrated and simple-to-use visual interface to the platform, enabling fast experimentation.