Internet Explorer 7 Javascript Debugging

With the release of IE7 by Microsoft, I was eagerly anticipating some great new javascript debugging tools. So far, it looks like we’re stuck with what we had with IE6. So I’ve done some searching online to find some of the best IE7 Javascript Debugging links.

Debugging Javascript in IE 7

The following links are what we found when doing some research on debugging javascript in IE7. Doing a search for Internet Explorer 7 Javascript Debugging, yielded little results, mostly some old blog posts about IE’s lack of javascript debugging support. After a lot of frustration, and reading through the frustrated thoughts of tons of other bloggers, we found what looks like a good tool to debugging javascript in Internet Explorer. Although we haven’t been able to fully research and get these toosl working, they look promising. Here’s some of the better articles/web sites we found on the subject.

Peter-Paul Koch
http://www.quirksmode.org/blog/archives/2006/04/ie_7_and_javasc.html

PPK gives a good summary of the current state of IE7. This was written long before IE7 was released. However, the javascript capabilities of Internet Explorer 7 were’nt improved on since PPK wrote this. He also includes some good links to follow.

Alex Russell
http://alex.dojotoolkit.org/?p=536

Alex sums up what most web developers have felt like with having to work with IE7 for the past several years.

IEAddons.com
The official Internet Explorer Add-ons site. http://www.ieaddons.com/default.aspx?cid=home&scid=0 Here’s what you get when you do a search for Javascript Debugger:

http://www.ieaddons.com/SearchResults.aspx?keywords=javascript+debugger I would have thought they’d add some sort of javascript debugger as an add-on.

Microsoft Script Editor

However after looking around, we found out about Microsoft Script Debugger. The weird thing about it is that you can only get it with Office 2002+. ?!?! http://erik.eae.net/archives/2005/07/04/21.49.50/ here’s another link on using it: http://www.microsoftfrontpage.com/content/TipsAndTricks/FP2002/68_MicrosoftScriptEditor.htm. It seems like a great tool, but why wouldn’t Microsoft simply integrate it into Internet Explorer? Jonathan Boutelle has another write up on debugging javascript in Internet Explorer that discusses Microsoft Script Editor. http://www.jonathanboutelle.com/mt/archives/2006/01/howto_debug_jav.html

Finally, here’s an article from MSDN on debugging javascript (http://blogs.msdn.com/ie/archive/2004/10/26/247912.aspx), it talks about Microsoft Script Debugger, Visual Studio, and Microsoft Script Editor. Finally, an answer to our script debugging needs. We’re currently researching our script debugging options from these tools. Visual Studio is obviously too expensive for a javascript debugger unless you are developing with .net. So we’ll stick with the other two. In a future article I’ll post what we found, and a step-by-step guide to installing and setting up script debugging in Internet Explorer 7.

30 Comments on “Internet Explorer 7 Javascript Debugging”

  1. mitchl milou Says:

    after a long search for a (good/any) javascript debugger for IE i found this: http://www.berniecode.com/blog/2007/03/08/how-to-debug-javascript-with-visual-web-developer-express/

    I followed the instruction and it works fine with IE7 and windows vista, very slow installation though.

  2. Beau Says:

    Incredible that Microsoft seem to not only b content with providing a completely sub-standard browser, but then to hide their incompetence, they make it nigh impossible to find out when there are JavaScript errors (which there are a lot with a browser like IE).

    I hate Internet Explorer like the black plague!

  3. CKDexterHaven Says:

    MS and IE are straight from hell itself. I have JS that works fine under Mozilla, but is totally broken under IE7. MS doesn’t even have an JS error console, let alone a debugger. It’s back to the days of sticking alert() at every point of the code where I think it might be failing. It’s a trip back to the 70s! Thanks MS, you suck!

  4. peter Says:

    Well, you can get it here:
    http://www.microsoft.com/downloads/details.aspx?familyid=2f465be0-94fd-4569-b3c4-dffdf19ccd99&displaylang=en
    It’s not great, though

  5. Max Says:

    Don’t get confused between the two programs. The Microsoft Script Editor is included with MS Office and seems to be a reasonable debugger. The Microsoft Script Debugger is what Peter links to above. It’s a very different piece of software. It’s no longer supported and is a *very* poor tool.

  6. Jarrod Goddard Says:

    Microsoft Script Editor was still really hard to get to work, and you need MS Office to use it, which doesn’t seem to make any sense at all to me.

    You are right about Microsoft Script Debugger, though, it’s a horrible tool that I wouldn’t touch anymore either. The most reliable method of debugging IE that I’ve found to this day is inserting alert statements.

  7. Maqen Says:

    Two great tools firebug-lite http://www.getfirebug.com/lite.html and debugbar http://www.debugbar.com/. Love the debugbar a little bit more thx to the “real ” interface.

  8. web design brighton Says:

    I also have a javascript problem. Javascript is totally broken in ie7, but working fine on mozilla. I have reinstalled the browser and java runtime but no joy at all. Anyone have any ideas?

  9. Jarrod Goddard Says:

    Reinstalling the browser and java runtime won’t do anything… don’t let the name Javascript fool you, it has absolutely nothing to do with Java. My only advice would be to start adding alerts and see where the code breaks… if you can provide a URL that would help.

  10. Randy Sidhu Says:

    The best Java Script debugger comes with the Visual Web Developer Express edition. Download it from
    http://www.microsoft.com/express/download/
    it’s free.
    Ensure IE 7 is set to “Display a notification about every script error” under Tools –> Internet Options –> Advanced Tab. Create a new project of Web Site type. Click the play button, and Visual Studio will launch IE 7. It might ask you if you want to enable debugging. You will start at your empty project, but you can type any address you want in the address bar and the debugger will still work.
    I’m a Firebug Fan, but this is a really good JavaScript Debugger and seems smoother then Firebug.

  11. Peter Says:

    I went through pain of installing VS 2008 Express and the “trick” of starting with blank site and then when VS opens IE; i just go to my url.

    Sure enough when i hit the error i am trying to debug it loads JS into VS debugger.

    BUT - i don’t see how to get the file loaded before i run - i want to set breakpoints that occur before the error.

    Like the rest here - no idea why MS has screwed this up so badly. First a horrible browser like ie7 and then no way to debug in it.

  12. Ben Says:

    IE7 is terrible. How to debug, is a secret.
    The politicians at Microsoft want it this way, they are so afraid of the free softwareworld.
    We must develop software especially games for Linux en may at last Microsoft stops to exist.

  13. collector Says:

    In order to enable debugging on IE7 go to MS Office setup -> Add or Remove Features -> select Office Tools item -> click it -> select Run ALL from my computer item.

  14. Maxwell Scott-Slade Says:

    Hey guys,

    Wow, loads of headaches over this one. I did install VS2008 Web developer edition and the debugger is amazing. It found the problem, it was Flash trying to reference objects in a bizarre way. I was using SWF Object 1.5 to embed the flash.

    Upgraded to SWFObject 2.0 and all the problems disappeared. Amazing progress!

  15. henrik Says:

    Anyone tried both the VS 2008 express debugger and the Microsoft Script Editor (from Office)? Is VS 2008 best nowdays?

  16. Marcelo Says:

    Js developer work twice! One time to develop the code for normal browsers and 2 times to discover bugs that only happen in IE
    After had discovered firefox, I figure how IE is far from being a good browser.

  17. Chris Gibson Says:

    Great article, thanks. Reading your “search engine friendly” copy set my teeth on edge, though. OK, we get it, this is an article about ‘debugging javascript in Internet Explorer’. You don’t need to repeat those words in every sentence :-)

  18. Rimbaud Says:

    I don’t use Microsoft Office: don’t assume we all have it…

  19. Tyler Says:

    Thanks for the article. I tired to gues what it happens in javascript code with IE :((
    I tried to use DebugToolbar (from CoreServices) but it isn’t what all we need. So your review is more than usefull for me. Thanks!

  20. sajan Says:

    Hi,

    i didn’t install any script manager.I wrote the debugger inside the javascript function and i call the function on button click event.It’s working fine in IE6 but not working in IE7..please help me….os Xp

    javascript function.

    function ValidatingInputs()

    {

    debugger;

    var status = true;

    var selectedWMP=SetSelectedItemText(”uclWMPSelect”);

    if(selectedWMP==”No Item” || selectedWMP==”")

    {

    alert(’No WMPs Selected . . .’);

    return false;

    }

    }

    break point is not come in debugger.it goes some where else.
    please help me

    Thanks & regards,

    S.Sajan

  21. super7 Says:

    @Randy Sidhu:
    thank you very much, debugging with visual web developer express edition is by far the best IE debugging I experienced so far.

    it’s important that your default browser is IE so visual web developer opens IE at first hand, otherwise there is no debugging function, or at least I didn’t manage it … probably there is some configuration where you can set the browser to launch when starting a project but I didn’t extensively search. I’m content that I can finally debug IE!
    thanks and nice greetings from austria, vienna
    super7

  22. Marilynn Says:

    “If you’re having a problem in your browser with JavaScript, you may
    want to re-register the jscript.dll file. This can be done by executing the
    following:

    Start > Run…
    In the Run box, type in (without quotes) “regsvr32 jscript.dll”
    You should receive a popup says that it registration succeeded.

    You then should be able to display JavaScript in your browser properly.”

    I had the same problem as some of you stated earlier, i had an updated version of both ie and sun java. This was the solution. I was so busy looking for a problem specific to ie that I never thought about anything as simple as this.

  23. Peggy Says:

    egads what a nightmare.

    I tried to run regsvr32jscript.dll and got an interesting error
    “the module :jscript.dll” was loaded but the call to DllRegisterServer failed with error code 0×8004005.
    for more information search online”

    I just want my navigation part of web page to work again. It works fine in netscape but not IE7 in windows vista….Will the debugging program work before I spend hours trying to figure it out.

    By the way anyone try IE8 to see if the fix is in for this mess?

    Peg

  24. Shopping Cart Says:

    Internet Explorer 7 have many issues and I agree to Beau. Also IE 7 have many issues with CSS 2.1

  25. steve folly Says:

    i found that this blog has a good run down of different tools for debugging javascript in ie:

    http://notetodogself.blogspot.com/2008/08/debug-javascript-in-ie.html

  26. Andy Brook Says:

    Just looked at the MS Express install mentioned above. Sorry guy, but requiring a 1.5GB install is sheer lunacy for the want of a Javascript debugger.

    I think Im just goign to leave it broken, after all, if MS can’t provide a standlone debugger that works with their products, why should developers bend over backwards to support such non-standard anti-competitive cr*p!

    Me, Im a MS Fanboy, Oh yea.

  27. bryan webb Says:

    We have an app from a software provider that embeds IE in a window of the app. How can I debug .JS files in the embedded IE window using VWD , or any other ideas would be a great help.

    regards
    Bryan

  28. Jeff Says:

    Unbelievable… the download of the Visual Web Developer Express Edition software is 126 Mb !! Considering that a debugger is included in Firefox, which is an 8 Mb download, what the &@%$ is the other 118 Mb for?? Back to alerts and commenting out…

    Jeff

  29. Dhong Says:

    Is there a way to put breakpoint on a Javascript function to detect when it’s called? Not just when you have problem but all the time?

    Is that possible with Visual Web Developer Express edition?

    Thanks!

  30. Benito Says:

    js lint is handy

    http://www.jslint.com/

Comment