Problem with Whitescreen in IE9 - Uninstall iframe

Question

I am wondering if anyone can give me some idea of ​​the really strange IE9 issue that I was struggling with.

I am finishing the creation of a site for work - it works well in ff / chrome / ie7 / ie8 without script errors.

In IE9, the last step of the application causes the entire tab to be white with no errors or script warnings. (changing the document mode to ie8 will fix the problem, but obviously unsuitable for production)

Unfortunately, the site is quite complicated with tons of ajax and scripts on the page, so I can’t really post the corresponding code. I am more trying to figure out how to diagnose this.

I checked the IE error logs and they are empty. Web development tools don't tell me anything. The site does not use any plugins (Flash / Silverlight, Ect.) Just javascript w / jQuery.

An iframe displays a PDF icon where it fails, but an almost identical PDF file is displayed in the previous step (using the same method) without problems. The code crashes around the jquery user interface window call, but I cannot get the exact line.

If someone tells me how to try to diagnose this further, I would really appreciate it. I can continue to hunt for a mistake, but I have never seen such behavior before and I'm just not sure what I'm looking for.

Answer 1

Thanks for all the input. Sorry, I’m completely overloaded with several projects right away, so I couldn’t post updates at the debugging stages.

It took me forever, but I finally realized that it worked when I closed the dialog containing the first PDF.

One of my helper functions opened a dialog and automatically destroyed the contents when closed. This usually works fine, as I either remove the div containing the fragment of the page, or the iframe.

In this situation, I had a fragment of a page loaded into a dialog in which there were some buttons and a pdf iframe. I called the .remove () method on the parent element containing the iframe, not the iframe itself. For some reason, this seems to work fine in any other browser, but in IE9 it pretty much kills the page display without any warnings or messages.

I strongly suspect that the culprit is the adobe plugin, but I'm not quite sure.

Here is the fix -
Html:

<div id="container"> <iframe src="loremipsum.pdf"></iframe> </div> 

Javascript:

 //Ruins my entire week $("#container").remove(); //Works as the pdf is removed directly $("#container").find("iframe").remove().end().remove(); 

Answer 2

I ran into the same problem in IE11, trying to remove an iframe in a div using AngularJS. First removing the iframe will lead to the same problem, so first I moved the iframe src to a new page (roughly: blank) and then deleted the div that worked. Hope this helps someone with a similar issue.

Pseudocode below:

 $ctrl.iframeUrl = 'about:blank'; // change the iframe url here $timeout(function(){ $ctrl.removeIframe(); // remove the iframe here }); 

Answer 3

How to try something - look that in IE9 DOM the viewer after it has whitescreens. There is a decent chance that most of the material is there and simply does not display properly (or something else redone above it). At least, knowing if it will lose a ton of material from the DOM or not, you should give you useful data.