Question

我是JSONP开发的新手，我发现IE 7/8不会清理JSONP脚本占用的内存。运行几个小时后，这会导致我的页面内存消耗非常高。

我浏览了互联网，发现大部分修复都基于Neil Fraser的提示。从博客中可以看出，您需要使用

之类的代码删除脚本中的所有属性

    var tmp;
    while (tmp = document.getElementById('JSONP')) {
        tmp.parentNode.removeChild(tmp);

        // this deletion will create error in IE.
        for (var prop in tmp) delete tmp[prop];
        tmp = null;
    }

不幸的是，删除会在IE中创建“对象不支持此操作”的错误，并且不会释放内存。

所以我的问题是如何真正释放我的JSONP脚本的内存？

我把我的测试代码如下：

Testing.html

<html><head></head><body><script>
var script,
head = document.getElementsByTagName('head')[0],
loadCount= 0,
uuid= 1,
URL= "memleaktest.js?uuid=",

clearConsole = function() {
    var con= document.getElementById("console");
    while (con.childNodes.length) 
        con.removeChild(con.childNodes[0]);
},

log = function(msg) {
    var div= document.createElement("DIV"),
        text= document.createTextNode(msg),
        con= document.getElementById("console");

    div.appendChild(text);
    con.appendChild(div);
},

test = { "msg" : null, "data" : null };

var loaded= function() {
    if (!test.msg) 
        return setTimeout(loaded,10);

    log("loaded #" + loadCount + ": " + test.msg);

    var tmp;
    while (tmp = document.getElementById('JSONP')) {
        tmp.parentNode.removeChild(tmp);

        // not working in IE 7/8
        // for (var prop in tmp) delete tmp[prop];
        tmp = null;
    }

    test.msg = test.data = null;

    if (--loadCount) 
        setTimeout(load, 100);
};

var load = function(){
    var url= URL + (uuid ++);
    log("load via JSONP: "+url);

    script= document.createElement('script');       
    script.id = 'JSONP';
    script.type = 'text/javascript';
    script.charset = 'utf-8';
    script.src = url;
    head.appendChild(script);
    setTimeout(loaded,1000);
};
</script>
<div>
<button onclick="loadCount=3; load();" name="asd" value="asdas">jsonp load</button>
<button onclick="clearConsole();" name="asd" value="asdas">clear Console</button>
</div>
<div id="console"></div>
</body></html>

memoryleaktest.js

test.msg = "loaded #"+loadCount;
test.data = "test data with 1MB size";

您可以通过将代码粘贴到两个文件中来重新创建内存泄漏，然后打开Testing.html。

我使用Drip跟踪泄漏，在Drip中你可以看到内存不断增加，“＆lt;”脚本“＆gt;”未删除。

非常感谢您的帮助！

Answer 1

您的问题已在您关联的博文中得到解答。见最后一段。

像往常一样，IE是奇怪的浏览器，需要特殊情况。 IE不喜欢从DOM节点删除本机属性。幸运的是，这并不重要，因为IE允许重用脚本标签。只需更改SRC属性即可立即获取新页面。因此，在IE中只需要一个脚本标记。

提供的代码适用于除IE之外的所有浏览器，在IE中它不是问题，因为您只需更改脚本标记的src属性即可重新启动。所以你的代码（仅适用于IE）就是：

var script = document.getElementById('JSONP');
if (!script) {
  [create it once]
}
script.src = URL + (uuid ++);

如何在Internet Explorer中清理JSON内存

1 个答案: