27

我有将页面加载到 iframe 中的链接。我一直在使用谷歌浏览器的内存堆分析器监控内存中的数据积累，我注意到内存中有一些泄漏。

我加载了页面并拍摄了第一个快照，加起来为2.69 MB. 我单击了将页面打开到 iframe 中的链接，并拍摄了另一个快照给我14.58 MB。我使用以下 jquery 片段删除了 iframe：

$('#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
*/

我又拍了一张快照，得到5.28 MB的结果表明与初始值有偏差2.59 MB，据我了解，这表明内存泄漏。

现在，我的问题是：如果我删除一个 iframe（包括其中加载的文档），垃圾收集器是否发现有必要从内存中删除该文档中包含的所有对象？还是我必须手动执行此操作？

我认为如果我将文档加载到 iframe 中，它的大小不会影响父页面上的内存使用。我虽然将它视为一个单独的窗口，但显然这不是我的一个明智的假设。

关于如何解决这个问题的任何建议？

谢谢你。

4

3 回答 3

20

在 iframe 中，在删除之前触发重新加载，然后将其删除。

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

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

演示在这里。

此外，您也可以进行手动清理 - 即，如果您的 cookie 或 HTML5 localStorage 中有数据。

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
}
于 2012-09-01T17:25:56.310 回答
2

如果 iframe 中的任何对象在主窗口​​中的对象中被引用，则该对象不会从 DOM 中删除，因此，如果您有这样的事情：

主窗口：

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

框架：

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

当您引用 DOM 对象时，尤其会发生这种情况。

于 2012-08-29T13:00:04.110 回答
0 
var frame = document.getElementById("myframe");
frame.src = "about:blank";

这对我有用并防止了内存泄漏。ig您必须销毁iframe的父级，延迟执行以防止内存泄漏

于 2016-11-27T16:49:15.970 回答