Debugging HTML and CSS with the Developer Tools
Windows 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.
Debugging Script with the Developer Tools
The Developer Tools feature of Internet Explorer 8 offers a built-in, lightweight 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.
Developer Tools Keyboard Shortcuts Reference
Internet Explorer 8 Developer Tools help you to quickly research and resolve HTML-, CSS-, and JScript-related problems. This article provides a list of Developer Tools shortcut keys that will help you accomplish these tasks even faster. The keys are listed below by feature set. A comprehensive list of all shortcut keys is also provided for easy lookup and reference.
Developer Tools Tutorials
The Developer Tools tutorials will show you how to use the Developer Tools to inspect and resolve Web page issues. To establish a context for these scenarios, a starting Web page is provided. Each tutorial is focused on resolving a specific issue in order to make this Web page better, and is designed to provide a simple and safe environment for experimenting with the many features of the Developer Tools.
Developer Tools User Interface Reference
This article is designed to give you a quick reference to the commands and menus available in the Developer Tools interface commands. The goal is to help you quickly identify main areas of the interface and to quickly find your way around, ultimately improving your productivity. Each element of the interface is identified and a short description of what it does is provided.
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 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.
Profiling Script with the Developer Tools
The Internet Explorer 8 Developer Tools provide a built-in script profiler that enables you to profile the JScript code running in Internet Explorer. This document outlines the high-level features of the script Profiler. For an introduction to the other features and a complete list of command reference of the Internet Explorer 8 Developer Tools, see Discovering Internet Explorer Developer Tools and Developer Tools User Interface Reference.
Testing Browser and Document Compatibility Modes with the Developer Tools
The Developer Tools enable you to test how users experience your Web page in different Internet Explorer versions, as well as how different document compatibility modes affect the behavior of your Web page in Internet Explorer 8. This allows quick resolution of compatibility problems before your users encounter them.