how can I force IE9 to "see" the most current javascript when using the debugger?

Question

I'm using IE9 to debug a web app. I made some changes to the javascript after loading the page. I'm not able to get IE9 to stop on the new code. The message is "The code in the document is not loaded". I can set breakpoints when I'm not debugging, but they won't be valid when I start debugging. I'm using IE7 Browswer Mode, IE7 Document Mode.

Things I've tried:

close dev tools window, re-open
stop debugging, start debugging
Ctrl R in dev tools window (same as Clear Browser Cache button)
Ctrl R on the IE9 web page
Ctrl F5 on the Ie9 web page
Clear browser cache for this domain
Check (set) Always refresh cache from server

Next thing to try (I guess) would be closing IE completely. Is that the fix for this? If so, yuck. It takes me a couple of minutes to set the page up so doing that after every JS change really stinks. I can use FF4 to develop the JS, but the JS issue I'm seeing is specific to IE7 so I have to do it this way.

>> How can I get IE9 (running in IE7 mode) to reliably debug the most current JS from the server?

jcollum · Accepted Answer · 2011-04-28 17:11:02Z

3

This issue wasn't related to caching etc. IE9 was hitting a script error (missing closing paren) in the new code and not allowing breakpoints anywhere in the script. IE seemed very quiet about the script error though. Anyway, fixing the script error fixed the issues with breakpoints / caching.

answered Apr 28, 2011 at 17:11

jcollum

47k64 gold badges212 silver badges347 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

sdleihssirhc Over a year ago

Caching is the number one cause of wasted time in my development. Missing parentheses is a close number two.

Amr Elgarhy · Accepted Answer · 2011-04-28 01:38:23Z

2

If you have access to the code:
In you javascript file reference add a query string, something like this:

<script src="Scripts/main.js?v=1" type="text/javascript"></script>

And every time you change in the js file change the v value to something else, like that the browser will feel that this is a new file and will get it.

answered Apr 28, 2011 at 1:38

Amr Elgarhy

69.2k70 gold badges193 silver badges311 bronze badges

3 Comments

Bruce Aldridge Over a year ago

just don't use this method in production as it can mess with caching stevesouders.com/blog/2008/08/23/…

Amr Elgarhy Over a year ago

Yes, but it can be useful when you want all your website users get the changes you did in the last version.

jcollum Over a year ago

Hmm, seems like something that could easily be forgotten about before a prod deploy. Not a bad idea, but I was hoping for something that was more specific to IE9. FF4 seems to have no issue with this >:-(

Alexander Chernosvitov · Accepted Answer · 2013-10-22 06:22:37Z

1

Add this:

window.applicationCache.addEventListener('updateready', function (e)
{
  if (window.applicationCache.status == window.applicationCache.UPDATEREADY)
  {
    window.applicationCache.swapCache();
    if (confirm('A new version of this site is available. Load it?'))
     window.location.reload();
  }
}, false);

I found this solution somwhere in the Net. Sorry, but I don't remember the author. It works for me when I debug Web App with JavaScript in Visual Studio and use IE.

answered Oct 22, 2013 at 6:22

Alexander Chernosvitov

7087 silver badges8 bronze badges

Comments

DCShannon · Accepted Answer · 2014-07-05 04:34:53Z

I found this question based on the "the code in the document is not loaded" error message. I'm not using IE7 document mode or any of that, just IE9.

Like jcollum, my issue wasn't related to caching.

I'm using MVC.Net, and someone had set up a piece of javascript to rely on a string in the ViewBag. I changed a couple things, and that ViewBag string disappeared, so the resulting javascript looked something like this:

if(!()) {
    // Some code
}

Javascript died right here, and wouldn't process the rest of the code in the block. This was confusing, as it was still trying to execute javascript in a different set of script tags, but which relied on a variable set in the other block it wouldn't load.

So, basically, a syntax error was introduced via strange means, and the debugger refused to load some of the code which came after it. Another lesson on the dangers of ViewBag.

Collectives™ on Stack Overflow

how can I force IE9 to "see" the most current javascript when using the debugger?

4 Answers 4

1 Comment

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related