Google chrome 打开浏览器开发工具是否会影响应用程序性能?

Google chrome 打开浏览器开发工具是否会影响应用程序性能?,google-chrome,google-chrome-devtools,developer-tools,firefox-developer-tools,Google Chrome,Google Chrome Devtools,Developer Tools,Firefox Developer Tools,我想知道打开浏览器开发工具是否真的会以任何方式影响应用程序的性能。这不仅仅是考虑在同一窗口中打开开发人员工具,它可以在新窗口或同一窗口中打开 如果开发人员工具未打开,与打开状态相比,应用程序呈现/性能是否有任何差异?是的,打开浏览器的开发人员工具会影响页面性能。这是因为他们观察页面的不同方面 例如,JavaScript调试器影响JavaScript的执行性能,因为它必须检查异常或是否必须在断点上停止执行 其他面板以不同的方式影响页面的性能,例如在呈现页面时 当然,这些工具的开发人员试图将这些影响

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


如果开发人员工具未打开,与打开状态相比,应用程序呈现/性能是否有任何差异?

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

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

其他面板以不同的方式影响页面的性能,例如在呈现页面时

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


此外,开发人员工具通常只会在启用时影响页面的性能,但也有一些例外情况,如错误日志记录,这也是在工具被禁用时完成的。

打开开发人员工具肯定会影响性能,但并不总是以您预期的方式

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


如果您担心开发人员工具的影响,那么在您自己的代码中插入页面并记录一般性能统计数据可能是值得的。您可以在执行某些操作后打开开发人员工具,并在执行操作后阅读日志。

当然可以。取决于附加的devtools事件的数量,如源代码中的“修改时中断”或条件断点。不过,最大的影响是在performance timeline面板上运行捕获阶段。