10 Web Development and Debugging Tools for IE

Developer and Debugging Tools

Firebug Lite

Firebug Lite is a web developer tool that provides Firebug-like functionality in all the major browsers for easy debugging and development.

IE Developer Toolbar

IE Developer Toolbar, or IE DevBar, is an add-on for Internet Explorer 6 and Internet Explorer 7 that aims to aid in design and debugging of web pages. Internet Explorer 8 has the IE Developer Toolbar built-in, instead of a separate product, which is known as Developer Tools rather than Developer Toolbar.

IE Developer Tools

IE8 and IE9 include tools that web developers need to efficiently debug their sites directly in Internet Explorer. Developers can debug a site's HTML, CSS, and Microsoft® JavaScript from within Internet Explorer 8 (with developer tools), rather than switch between Internet Explorer and a separate development environment.

Fiddler

Fiddler is a Web Debugging Proxy which logs all HTTP(S) traffic between your computer and the Internet. Fiddler allows you to inspect traffic, set breakpoints, and "fiddle" with incoming or outgoing data. Fiddler includes a powerful event-based scripting subsystem, and can be extended using any .NET language.
Fiddler is freeware and can debug traffic from virtually any application that supports a proxy, including Internet Explorer, Google Chrome, Apple Safari, Mozilla Firefox, Opera, and thousands more. You can also debug traffic from popular devices like Windows Phone, iPod/iPad, and others. To debug applications you've written in Java, .NET, or using WinHTTP, see this page.

IEWatch

IEWatch represents a plug-in for Microsoft Internet Explorer that allows capturing HTTP traffic and analyzing HTML code. Designed for web developers, site administrators and quality assurance engineers IEWatch is the most essential web development tool to get the job done fast and efficiently.

Ajax View

Ajax View enables developer to see and control the behaviors of their web applications on user's desktops. The Ajax View approach is to insert a server-side proxy (or web server plugin) in-between the web server machines and the end-user's browser. This proxy captures the web application's JavaScript code as it is being sent to a browser and rewrites the code to insert extra instrumentation code. The injected instrumentation code runs with the rest of the web application inside the end-user's browser and can capture performance, call graph, application state and user interaction information, providing visibility directly into the last hop of the user's experience.

Web Accessibility Toolbar

The Web Accessibility Toolbar has been developed to aid manual examination of web pages for a variety of aspects of accessibility. It consists of a range of functions that:

• identify components of a web page
• provide access to alternate views of page content
• facilitate the use of 3rd party online applications

DebugBar

• Inspect HTML and modify source code in real time.
• View and analyse netword traffic.
• Inspect CSS information.
• Analyse javascript code.

Companion.Js

Companion.JS is an IE debugger that has detailed JavaScript error reporting, firebug like console, a JavaScript console useful for inspecting JavaScript objects at runtime, and a toolbar icon to open the Companion.JS panel.

IETester

IETester is a free (both for personal and professional usage) WebBrowser that allows you to have the rendering and javascript engines of IE10 preview, IE9, IE8, IE7 IE 6 and IE5.5 on Windows 7, Vista and XP, as well as the installed IE in the same process.