为什么内存使用未正确更新？

Question

警告:此代码最终会耗尽浏览器选项卡的内存并导致选项卡崩溃.

在下面的小提琴中,我设置了一个泄漏大量内存并持续报告正在使用多少内存的进程.我正在使用performance.memory API,它似乎只在chrome上实现.问题是报告的数量永远不会改变,尽管内存使用量正在迅速增加.相反,我希望最高的数字不断增加.

这是javascript代码:

(function() {

var x = [];

function createSomeNodes() {
    var div,
        i = 100,
        frag = document.createDocumentFragment();
    for (;i > 0; i--) {
        div = document.createElement("div");
        div.appendChild(document.createTextNode(i + " - "+ new Date().toTimeString()));
        frag.appendChild(div);
    }
    document.getElementById("debug").appendChild(frag);
}

function clear() { document.getElementById('stats').innerHTML = ''; }

function show(stat) { 
  var div = document.getElementById('stats');
  div.appendChild(document.createTextNode(stat));
  div.appendChild(document.createElement("div"));
 }

var start = Date.now() + 2 * 1000;

function grow() {
    x.push(new Array(1000000).join('x'));
    createSomeNodes();
    setTimeout(grow,40);

if (Date.now() < start) { return; }

              (function() {
                clear();
                var pm = window.performance && window.performance.memory;
                if (!pm) {
show("no performance.memory api");
                  return;
                }
                var lim = pm.jsHeapSizeLimit, // Memory the JavaScript heap is limited to
                    // Memory allocated on the JavaScript heap (includes free space)
                    total = pm.totalJSHeapSize,
                    used = pm.usedJSHeapSize; // Memory currently being used 
                show("Crash Index (% of Heap Limit Allocated): " + Math.round(total / lim * 100));
                show("% of Allocated Memory Used: " + Math.round(used / total * 100));
              })();

}


    setTimeout(grow,1000);
})()

如果我将变量start设置为更高的数字,我会看到更高的初始值,我称之为"崩溃索引",但在首次显示之后,即使此值也不会增加.

Answer 1

出于安全考虑,Google Chrome performance.memory默认情况下不会提供准确的信息.

因此,您必须使用此标记通过终端打开浏览器--enable-precise-memory-info,以允许Google Chrome显示有关您计算机的准确信息.