Web Development Helper
Web Development Helper is a free browser extension for Internet Explorer that provides a set of tools and utilities for the Web developer, esp. Ajax and ASP.NET developers. The tool provides features such as a DOM inspector, an HTTP tracing tool, and script diagnostics and immediate window.
Web Development Helper works against IE6+, and requires the .NET Framework 2.0 or greater to be installed on the machine.
Once installed, the tool can be activated using the Tools | Web Development Helper command. You can also customize your browser's toolbar to add a button for this command to facilitate frequest use. Clicking on the menu command or browser button brings up the tool's console window and set of commands.
Page Features:
- DOM inspector allows viewing all elements, selected elements, or elements matching an ID or CSS class, their attributes and styles.
- Capturing a screen shot of the current page.
- Viewing page information such as metadata, tags, and linked resources.
- Logging HTTP (and HTTPS) requests initiated by the browser or Ajax scripts
- Viewing request and response details.
- Ability to filter the types of URLs to log.
- Trap script errors to see detailed (and correct) call stack for the script error.
- A script console to provide trace functionality to scripts using the window.debugService script API.
- An immediate window to write and run script.
- A script class browser to browse classes defined in script (specifically classes written to the ASP.NET Ajax or Script# pattern).
- View view state in the page in raw, decoded, and parsed forms, to understand what is being generated into the view state (esp. useful for control developers).
- View items stored by applications into cache, and the ability to remove them for purposes of testing.
- View trace information, and hide it from the page, so it does not get in the way of your page layout.
