Ursachen und Lösungen für IE8-Speicherlecks (Speicher wächst ständig)_Javascript-Kenntnisse

Während der letzten Entwicklung habe ich geplante Teilaktualisierungen auf der Seite durchgeführt. Unter IE6, 7 und Firefox war jedoch alles normal. Nach einigen Stunden stürzte der Browser jedoch ab, was auf einen Speicherüberlauf hindeutete Ich dachte, es sei ein Speicherverlust, der durch schlecht geschriebenen Code verursacht wurde, aber IE6 und 7 waren normal. Nach einiger Untersuchung stellte sich heraus, dass es sich um einen Fehler im IE8 handelte.

Problem

In IE8 wird der durch die Generierung bestimmter Dom-Knoten belegte Speicher nicht freigegeben, selbst wenn diese Knoten gelöscht werden, wird der Speicher nicht freigegeben.

Zu den Knotentypen von Speicherlecks gehören: form, button, input, select, textarea, a, img und objec

Die meisten anderen Knotentypen wie span, div, p, table usw. werden nicht durchgesickert.

Dieses Problem tritt nur in IE8 auf und tritt in anderen Browsern nicht auf.

Wenn der Benutzer F5 drückt, aktualisiert IE8 zunächst die Seite window.top, wodurch der Speicher freigegeben wird. Wenn es sich bei der Seite um einen Iframe handelt, entladen Sie diesen Iframe und es passiert nichts. Es scheint, dass der Speicher erst freigegeben wird, wenn window.top entladen wird.

Beispiel

Beispiel 1

Wenn Sie den folgenden Code ausführen, verliert IE8 Speicher.

function leak1() { 
var node = document.getElementById("TO_AREA"); 
node.innerHTML = "<img />"; 
node.innerHTML = ""; 
node = null; 
} 

Hinweis:

* In diesem Beispiel werden Knoten hinzugefügt, sodass es zu Lecks kommt.

* Es gibt ein Div mit der ID „TO_AREA“.

* Nur zur Erinnerung, hier gibt es keine Abschlüsse oder Zirkelbezüge.

Beispiel 2

Der folgende Code verwendet kein innerHTML, es tritt jedoch trotzdem ein Leck auf

function leak2() { 
var node = document.getElementById("FROM_AREA").cloneNode(true); 
node.id = "NEW_AREA"; 
document.body.appendChild(node); 
document.body.removeChild(node); 
node = null; 
}

Hinweis:

* FROM_AREA ist die ID des Formulars und es gibt hier keine Abschlüsse oder Zirkelverweise.

Beispiel 3

Dies ist das einfachste und direkteste Beispiel:

function leak4() { 
var node = document.createElement("IMG"); 
document.body.appendChild(node); 
document.body.removeChild(node); 
}

Hinweis:

* Wenn span anstelle von img verwendet wird, tritt kein Leck auf.

Diese Beispiele verlieren nur Speicher in IE8. Ich habe sie unter IE8 in Windows XP, Windows Vista, Windows Server 2008, Windows Server 2008 R2 und Windows 7 getestet und den IE7-Kompatibilitätsmodus und die durchgesickerten Standards verwendet jeden Fall.

Testseite

Über Lecks

Die Speichergröße nimmt mit der Zeit zu, dies führt jedoch nicht direkt zum Absturz des Browsers. Es scheint eine Obergrenze für den vom Browser verwendeten Speicher zu geben. Es scheint, dass der von DHTML verwendete Speicher durch interne Maßnahmen begrenzt wird.

Sobald der Speicher die Obergrenze erreicht, wird der Browser dies automatisch verarbeiten, z. B. indem er ein Dialogfeld öffnet, in dem angezeigt wird, dass nicht genügend Speicher vorhanden ist.

Nach meinen eigenen Tests habe ich festgestellt, dass auch IFrame dieses Problem hat (unter IE8)

Ergänzung: Iframe-Speicherfreigabe

Die Antwort von Ext Core-Entwickler Jack lautet, dass TabPanelItem keine spezielle Verarbeitung für die an die Registerkarte angepassten Elemente durchführt, wenn diese geschlossen wird. Dieser Teil der Arbeit muss außerhalb der Steuerung abgeschlossen werden. Andererseits besagen relevante Informationen, dass der IE einen Fehler beim Recycling von iframe-Elementen aufweist. Unter normalen Umständen sollte der src-Attributwert des Elements in „abort:blank“ geändert und manuell aus dem DOM-Baum entfernt werden Indem Sie die Variable, die im Skript darauf verweist, auf leer setzen und CollectGarbage() aufrufen, können Sie Speicherverluste vermeiden, die dadurch verursacht werden, dass der Iframe nicht ordnungsgemäß recycelt wird.

<script>
function clearRAM() {
var frame = document.getElementById("ifr_content");
frame.src = 'about:blank';
frame.contentWindow.document.write( '');//清空frame的内容
frame.contentWindow.document.clear();
frame.contentWindow.close(); //避免frame内存泄漏
if (navigator.userAgent.indexOf('MSIE') >= 0) {
if (CollectGarbage) {
CollectGarbage(); //IE 特有 释放内存
//删除原有标记
var tags = document.getElementById("ifrSet");
tags.removeChild(frame);
//添加frameset框架
var _frame = document.createElement('frame');
_frame.src = '';
_frame.name = 'content';
_frame.id = 'ifr_content';
tags.appendChild(_frame);
}
}
}
//主动释放 5秒一次
setInterval( function() {
if (navigator.userAgent.indexOf('MSIE') >= 0) {
if (CollectGarbage) {
//alert(1)
CollectGarbage(); //IE 特有 释放内存
}
}
}, 5000) 
</ script>