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设置为更高的数字，我会看到更高的初始值，我称之为“崩溃索引”，但在首次显示后，甚至这个值不会增加。

Answer 1

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

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

Answer 2

出于安全原因，存在一个限制，该限制会将Google Chrome浏览器中的内存采样次数限制为每20分钟一次。在Chrome 68+中，对于源自与网页相同来源（eTLD + 1）的脚本，该限制已减少为每50ms一次。这意味着您可能不再需要--enable-precise-memory-info。

https://chromium.googlesource.com/chromium/src/+/7c7847f69de403f6c798dfccba10812039a60480

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

2 个答案: