Using the IE8 'Developer Tools' to debug earlier IE versions

Question

I am less than satisfied in my HTML/CSS/JS debugging of pages with IE6 and 7 specific bugs.

I am aware that IE8 has a Firebug clone, called 'Developer Tools' installed.

Is it possible to have IE8 installed (maybe on a VM, i don't mind), set it to compatibility mode (is there one for IE6?), then perform JS debugging and live HTML changes, using the IE8 Developer Tools , just like we can in Firebug?

many many thanks mieze

Answer 1

The most satisfying IE6/7/8 javascript debugging experience I've had is with Visual Studio. And you don't have to shell out the beaucoup bucks to get it either since the Express edition has the same debugger as the higher SKUs.

1. Install Visual Studio Express Edition ( Download )
2. Create a new project
3. Click debug to start the empty project
4. You now have an instance of IE running in a world class debugger!

Just point the browser at your test URL and set breakpoints to your hearts content!

Answer 2

I've said it before, and I'll say it again:

Firebug Lite

That'll let you use Firebug features in whatever browser you feel like using that day...

Answer 3

There are differences between native IE6/7 and the IE8 compatibility mode: http://blogs.msdn.com/ie/archive/2009/03/12/site-compatibility-and-ie8.aspx

The best option I've found to debug in IE6/7 is to install the Microsoft Script Editor (not Debugger), that is bundled with Microsoft Office. It's an optional install, so you probably have to open Add remove programs in Control panel and go through setup again. Here's a guide to configure IE after you've installed the Microsoft Script Editor. http://www.jonathanboutelle.com/mt/archives/2006/01/howto_debug_jav.html

The default view doesn't have breakpoints and such, so take a look at the menu to add the views you like. It's not as good as Firebug, but it's a lot better than alert-debugging ;)

Answer 4

You might want to try MS javascript debugger http://www.microsoft.com/downloads/details.aspx?FamilyID=2f465be0-94fd-4569-b3c4-dffdf19ccd99&displaylang=en
Not without its share of problems though

Answer 5

IE8开发工具是IE Developer Toolbar的升级版，可用于6和7.它不进行调试，但可以让你检查DOM等。将它与JS调试器结合使用（如在其他答案中） afaik，就像你能得到的一样好