打开浏览器开发者工具会影响应用程序性能吗？

Posted 2023-03-07

【中文标题】打开浏览器开发者工具会影响应用程序性能吗？

【英文标题】：Does opening browser developer tools affect application performance?

【发布时间】：2018-05-08 02:04:17

【问题描述】：

我想知道打开浏览器开发者工具是否真的会以任何方式影响应用程序的性能。不仅仅是考虑在同一个窗口中打开开发者工具，可以在新窗口中，也可以在同一个窗口中。

如果开发人员工具未打开与打开状态，应用程序渲染/性能是否有任何差异？

【问题讨论】：

当然。取决于附加的 devtools 事件的数量，例如“修改时中断”或源代码中的条件断点。但最大的影响是在性能时间线面板上运行捕获阶段时。

【参考方案1】：

打开开发者工具肯定会影响性能，而且并不总是以您期望的方式。

在 Chrome 中，我经常发现在页面运行缓慢时打开开发人员工具可以提高页面的性能。我不知道为什么会这样，但这是一种非常明显的影响。

如果您担心开发人员工具的影响，可能值得在您自己的代码中检测您的页面并记录一般性能统计信息。您可以在触发您正在测量的任何内容后打开开发者工具并阅读日志。

【参考方案2】：

是的，打开浏览器的开发者工具会影响页面的性能。这是因为他们观察页面的不同方面。

例如javascript 调试器会影响 JavaScript 的执行性能，因为它必须检查异常或是否必须在断点处停止执行。

其他面板以不同的方式影响页面的性能，例如渲染时。

当然，这些工具的开发人员试图将这些影响保持在最低限度，尽管它们无法完全避免。

此外，开发人员工具通常仅在启用时才会影响页面的性能，但有少数例外情况，例如错误日志记录，在禁用工具时也会影响。