Chrome DevTools:在潜在的内存不足崩溃之前暂停

Posted

技术标签:

【中文标题】Chrome DevTools:在潜在的内存不足崩溃之前暂停【英文标题】:Chrome DevTools: paused before potential out-of-memory crash 【发布时间】:2017-06-25 22:18:30 【问题描述】:

在最新的 Chrome DevTools 中,我可以看到一个新信息:

现在,我不确定如何使用这些信息。它似乎随机出现在应用程序中。如何调试应用程序以避免潜在的内存不足崩溃?我在任务管理器中检查,在显示此信息的那一刻,应用程序使用了大约 55K 内存,如果这个应用程序非常低(当它计算一些数据时,内存消耗可能会高得多)。

所以我想知道这些信息是否准确并且存在崩溃的风险。如果是这样,我该怎么办?

【问题讨论】:

如果每次运行应用程序时都会发生这种内存占用,那么它可能是这些内存泄漏的罪魁祸首。尝试检查您的代码中导致这些泄漏的行。阅读此google forum thread 以获取更多信息。 您是在常规 Chrome 中还是在 Canary 中收到此错误?根据这个discussion,它只发生在 DevTools 打开时,他们的意见是这是一个 Chrome 错误。 我花了很长时间才看到这一点,我想知道为什么我的流程(它们是 promises inside promises inside promises which call workers)甚至停滞不前。对我来说似乎是不受欢迎的行为。我在 Opera 45 中看到它,所以我猜它是常见铬引擎中的一个错误。 【参考方案1】:

在 chrome 开发工具中使用内存选项卡记录配置文件。您可以在那里调查哪些函数消耗内存

这里有一个很棒的指南: https://developers.google.com/web/tools/chrome-devtools/memory-problems/

【讨论】:

【参考方案2】:

也许这很晚而且很明显,但是您可以在加载/浏览您的应用程序时使用 Chrome 开发人员工具中的“内存”选项卡来创建内存快照,以调查是什么占用了您的内存(假设它实际上是您的应用程序正在消耗内存)。

【讨论】:

理论上这很好......但是当没有剩余内存时会发生错误。在“内存”选项卡上运行“堆快照”配置文件会崩溃,并显示“内存不足,无法打开此页面”。 :( 刚刚见证了你所说的

以上是关于Chrome DevTools:在潜在的内存不足崩溃之前暂停的主要内容,如果未能解决你的问题,请参考以下文章

Chrome Devtools简介

chrome devtools怎么打开

Chrome 打印预览与 DEVTools 中的不同

Chrome >=24 - 如何将 devtools 停靠在右侧?

Chrome >=24 - 如何将 devtools 停靠在右侧?

chrome中安装Vue调试工具vue-devtools