在 Chrome 中查找 Javascript 泄漏

Question

我在我的网站上进行了很多 ajax 调用，并且一直使用 jQuery 1.4.2，直到我注意到它正在泄漏。它与 IE、Firefox 和 Chrome 一起泄露。经过一番调查，我找到了 IE 修复它。我试过了，但它没有为三个浏览器中的任何一个修复它。然后我在这里找到了一个帖子，该人将雅虎的 Javascript 库与 jQuery 进行了比较。雅虎并没有为那个人泄密。我切换到雅虎，它确实阻止了 IE 和 Firefox 中的泄漏（我什至使用了 Firefox 泄漏插件）。但是 Chrome 仍然在泄漏。 Chrome 建立了大约 200MB 的内存，然后让我的标签崩溃。 ajax 调用是每秒一次。标签崩溃大约需要一个小时。如果我离开页面，内存就会被释放。同样，IE 和 Firefox 的问题现在都没有了。

确定 Chrome 问题出在哪里的最佳方法是什么？我找了一个插件，但还没有找到。我也在谷歌上做了一些搜索，但也没有真正找到任何东西。我拍摄了堆快照，但我只看到（关闭）和（代码）旁边的大数字。

我喜欢 Firefox（泄漏监视器），它可以很容易地发现问题。对于 Chrome 是否有类似的内容或任何有关查找泄漏的建议？

Answer 1

在 DevTools 中使用 Chrome 的内置堆分析器（在 Chrome 中按 F12，然后转到 Profiles 选项卡）：

在这里你可以找到如何测试它：

link

Answer 2

导致泄漏的不是框架，而是您的代码。让我猜猜你的代码是什么样子的。

$.get('//url/',function(){
   //lets do fun stuff!
   function(){
     //more fun expensive stuff for the browser to do
   }
};

//A more efficient way (doesn't create closures)
function expensivefn(){
  //Do expensive stuff here
}
$.get('//url',expensivefn);

这只是代码效率低下的一种可能方式。我通常不会创建无限循环的页面，通常我会寻找一段固定的时间，然后询问用户是否还想投票。您正在使用的循环可能会创建不必要的闭包，就像上面的示例一样。例如，

//Bad!
setInterval(function(){
  //Expensive stuff
}, 1000)

//Good
function expensivestuff(){
  //Expensive stuff
}
setInterval(expensivestuff,1000);