Chrome - 单选项卡上出现“内存不足”以及 DevTools 崩溃

Question

我们正在开发一个使用 vue.js (Vue 2) 的 Web 应用程序。它渲染 SVG 并通过 WebSocket 与 C# 后端/Web 服务器进行通信，该服务器定期发送更新各种 SVG 对象状态（颜色、位置等）的消息。

例如在运行此 Web 应用程序时Chrome，页面在一定时间后崩溃（取决于运行浏览器的机器的性能，这个时间可能会有所不同）。

结果是：

浏览器选项卡中的消息

DevTools 中的消息

我们已经尝试过不同的调试方法：

• 向 Web 应用程序添加更多控制台日志输出
• 排除 Web 应用程序的某些部分，以将问题的原因隔离到某个代码部分
• Chrome DevTools 内存分析工具

不幸的是，我们仍然无法找到这个问题的原因。此外，由于 Chrome DevTools 也会崩溃，我们无法在崩溃发生之前获取堆快照等，因为无法准确预测。我们能够在崩溃前一两分钟收集快照，但这些快照没有向我们显示任何异常情况。

还有其他方法可以定位此问题的原因吗？就像用于分析的外部工具、在 Chrome 中设置特定的调试选项、调试 Chrome 本身......

Answer 1

想一想 - 您是否使用任何类型的 Vue 开发/调试扩展？尝试禁用它。