javascript - 为什么内存使用情况没有正确更新？

Question

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

在下面fiddle ，我已经设置了一个泄漏大量内存并不断报告正在使用多少内存的进程。我正在使用 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 设置为更高的数字，我会看到更高的 initial 值，我称之为“崩溃指数”，但在它是第一个之后如图所示，即使这个值也不会增加。

Answer 1

出于安全原因，默认情况下，谷歌浏览器不会通过 performance.memory 提供准确的信息。

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