problema Whitescreen in IE9 - Rimozione iframe

Question

I "m chiedo se qualcuno mi può dare qualche informazione in un davvero strano problema IE9 ho lottato con

sto finendo la produzione di un sito per il lavoro. - funziona bene in ff/chrome/ie7/ie8 senza errori di script

In IE9 l'ultimo passaggio dell'applicazione fa sì che l'intera scheda non contenga errori di script o avvisi (la modifica della modalità documento su ie8 risolverà il problema, ma è ovviamente inadatto alla produzione)

Sfortunatamente il sito è piuttosto complesso con una tonnellata di ajax e script in-page s quindi non posso pubblicare facilmente il codice rilevante. Sto più cercando di capire come diagnosticare questo.

Ho controllato i log degli errori di IE e sono vuoti. Gli strumenti di sviluppo Web non mi dicono nulla. Il sito non utilizza alcun plugin (Flash/Silverlight, Ect.) Solo javascript con jQuery.

C'è un PDF che viene visualizzato in un iframe attorno al punto in cui non riesce - ma un pdf quasi identico viene visualizzato nel passaggio precedente (usando lo stesso metodo) senza problemi. Il codice fallisce attorno a una chiamata alla finestra dell'interfaccia utente di jquery ma non riesco a ottenere la linea esatta.

Se qualcuno ha la minima idea su come provare a diagnosticare ulteriormente, lo apprezzerei molto. Posso continuare a cercare il bug ma non ho mai visto questo tipo di comportamento prima e non sono sicuro di cosa sto cercando.

Answer 1

Grazie per tutti gli input su questo. Scusa se sono stato completamente sopraffatto da alcuni progetti contemporaneamente, quindi non sono stato in grado di pubblicare aggiornamenti sui passaggi di debug.

Ci sono voluti per sempre, ma alla fine ho capito che tutto stava andando in crash quando ho chiuso la finestra di dialogo contenente il primo PDF.

Una delle mie funzioni di supporto era l'apertura del dialogo e la distruzione automatica dei contenuti alla chiusura. Normalmente questo funziona bene perché sto rimuovendo un div contenente il frammento della pagina o l'iframe.

In questa situazione ho caricato un frammento di pagina nella finestra di dialogo che conteneva alcuni pulsanti e l'iframe pdf. Ho chiamato il metodo .remove() sull'elemento padre che contiene l'iframe piuttosto che l'iframe stesso. Per qualche ragione questo sembra funzionare bene in tutti gli altri browser, ma in IE9 uccide praticamente il rendering della pagina senza alcun avvertimento o messaggio.

Ho il forte sospetto che il colpevole sia il plugin Adobe, ma non ne sono del tutto sicuro.

Ecco il 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

Come una cosa da provare - guarda cosa c'è nel visualizzatore DOM IE9 dopo questo schermo bianco. C'è una buona possibilità che la maggior parte delle cose ci sia e che non funzioni correttamente nel rendering (o che ci sia qualcos'altro di rendering su di esso). Per lo meno, sapere se sta perdendo un sacco di cose dal DOM o no dovrebbe darti dei dati utili.

Answer 3

Ho incontrato lo stesso problema su IE11 durante il tentativo di rimuovere un iframe in un div con AngularJS .Rimuovere prima l'iframe causerebbe solo lo stesso problema, quindi ho spostato l'iframe src in una nuova pagina (about: blank) prima, quindi ho rimosso il div che ha funzionato. Speriamo che questo aiuti qualcuno con un problema simile.

pseudo-codice qui sotto:

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