Skip to main content
Sign in
HomeLibraryLearnSamplesDownloadsCommunityForums
Internet Explorer Developer Center > Learn > Internet Explorer Learning - F12 Developer Tools

Developer Tools

Internet Explorer 8 was the first browser to provide built-in developer tools to aid developers in rapid prototyping, testing, and debugging webpages, and allowing them to see their changes as they made them, directly in the browser. New in Internet Explorer 9 are a user-agent switching tool, a network traffic inspector, an improved JavaScript profiler, and integrated support for new web standards introduced with Internet Explorer 9.
On This Page:
Tutorials | Videos | Blogs

Tutorials

Internet Explorer Learning - F12 Developer Tools

How to use F12 Developer Tools to Debug your Webpages
This reference and tutorial shows the basics of using the F12 Developer Tools to view, analyze, and debug your HTML, CSS, and JavaScript webpage code.
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.

Back to Top

Videos

Internet Explorer Learning - F12 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.
Debugging JavaScript
In this video, Matt Hester shows Internet Explorer 8’s built-in developer tools and how to use them to effectively debug JavaScript.
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.
JavaScript Profiler
In this video, Matt Hester demonstrates Internet Explorers 8’s built-in JavaScript profiler, allowing developers to improve and streamline their JS-based applications.

Back to Top

IE Team Blog Posts

Internet Explorer Learning - F12 Developer Tools

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.

Back to Top

Learn By Topic

Learn By Type of Training

Videos      RSS

Native JSON
Native JSON
Presented By: Matt Hester
Time: 2 min, 38 sec

More Videos >

Popular Web Development Books

Visual Web Developer 2008 Express Step by Step

Visual Web Developer 2008 Express Step by Step
Author: Eric Griffin
Publisher: Microsoft Press

HTML & XHTML: The Definitive Guide

HTML & XHTML: The Definitive Guide
Author: Chuck Musciano
Publisher: O'Reilly

Network sites

Content resources

Script Junkie

IE Testdrive

BuildMyPinnedSite.com

BlendInsider Blog

Windows Dev Center

Windows Dev Center home

Metro style apps

Internet Explorer

Desktop

Hardware

Other links

Forums

 

© 2012 Microsoft. All rights reserved.
Terms of use | Trademarks | Privacy statement | Site Feedback |