Elementy iframe i zarządzanie pamięcią w JavaScript

Question

Mam łącza, które ładują strony do elementów iframe. Monitorowałem gromadzenie danych w pamięci za pomocą narzędzia do analizy pamięci w przeglądarce Google Chrome i zauważyłem pewne nieszczelności w pamięci.

Załadowałem stronę i zrobiłem pierwszą migawkę, która dodała do 2.69 MB. Kliknąłem link otwierający stronę na element iframe i wykonałem kolejną migawkę, co daje mi łącznie 14.58 MB. Usunąłem iframe stosując następujący fragment: jquery

$('#myframe').unbind(); 
$('#myframe').remove(); 
/* 
* By the way, I also tried $('#myframe > *') as a selector. 
* It still didn't work. Even if it would, it doesn't look like a viable solution to me. 
* It looks too resource intensive. 
* 
* I forgot to mention that I am not using Ajax to load my pages 
*/ 

wziąłem kolejną migawkę i dostał 5.28 MB które wskazywały na odchylenie 2.59 MB od wartości początkowej, która według mojego rozumienia wskazuje wycieku pamięci.

Moje pytanie brzmi: czy po usunięciu elementu iframe (zawierającego załadowany dokument) czy moduł do zbierania śmieci nie uzna za konieczne usunięcia wszystkich obiektów zawartych w tym dokumencie z pamięci? Czy będę musiał to zrobić ręcznie?

Pomyślałem, że jeśli załaduję dokument do elementu iframe, jego rozmiar nie wpłynie na użycie pamięci na stronie nadrzędnej. Chociaż to będzie uważane za osobne okno, ale oczywiście nie było to dobre założenie z mojej strony.

Wszelkie sugestie, jak rozwiązać ten problem?

Dziękuję.

Answer 1

W elemencie iframe należy uruchomić przeładowanie przed usunięciem, a następnie usunąć.

<a href="#">Remove</a> 
<iframe src="url" />​ 

$('a').click(function(){ 
    $('iframe')[0].contentWindow.location.reload(); 
    setTimeout(function(){ 
     $('iframe').remove(); 
    }, 1000); 
});​ 

DEMO here.

Dodatkowo, możesz również wykonać ręczne czyszczenie - tzn. Jeśli masz dane w plikach cookie lub lokalnym pliku HTML5.

window.onbeforeunload = function(){ 
    $(document).unbind().die(); //remove listeners on document 
    $(document).find('*').unbind().die(); //remove listeners on all nodes 
    //clean up cookies 
    /remove items from localStorage 
} 

Answer 2

Jeśli jakiekolwiek obiekty z iframe odwołuje się do obiektu w oknie głównym, że obiekt nie zostanie usunięty z DOM, więc jeśli masz coś takiego:

głównym oknie:

var object = {}; 
function iframe_call(data){ 
    object.iframe_data = data.something 
} 

iframe:

function onClick(){ 
    parent_object.iframe_call(this); 
} 

to się dzieje, zwłaszcza jeśli odnoszą obiektów DOM.

Answer 3

var frame = document.getElementById("myframe"); 
frame.src = "about:blank"; 

To działało ode mnie i uniemożliwił wycieków pamięci. Ig musisz zniszczyć rodzica ramki iframe, zrób to z pewnym opóźnieniem, aby zapobiec wyciekom pamięci