javascript - 如何跟踪JavaScript执行性能？

Question

所以我有这个普通的 JavaScript 代码，在某些较旧的移动设备(如 iPhone 5)上运行速度非常慢，但在较新的设备(如 iPhone 7)上运行完美。我不是在谈论加载速度，而是在谈论实际的 JavaScript 功能。我使用一些 addEventListener 来处理基本的内容，例如显示和隐藏 div，包括具有透明不透明度的覆盖 div。当我单击链接有 addEventListener 的按钮时，有时需要长达两秒的时间才能显示和/或隐藏 div。有时它甚至无法执行，我必须再次单击该按钮。我不会在这里分享整个 JS 文件，但我可以保证它非常基本。我想知道是否有某种方法可以跟踪 JavaScript 代码的执行速度...比如，我不确定它是否是实际的 JS 代码中的内容，或者它很慢，因为 Brownser 需要很长时间才能渲染它。欢迎任何帮助! =)

Answer 1

有两种可用的方法:

Chrome 中的开发者工具，但 Firefox 对于跟踪性能更有用:

另外，尝试一下performance.now()，从未使用过它，但听说过它。也许这会有所帮助。

编辑:您还可以通过断点检查它是如何运行的。我相信你可以在 Chrome 和 Firefox 中设置断点。