所以我有这个普通的 JavaScript 代码,在某些较旧的移动设备(如 iPhone 5)上运行速度非常慢,但在较新的设备(如 iPhone 7)上运行完美。我不是在谈论加载速度,而是在谈论实际的 JavaScript 功能。我使用一些 addEventListener
来处理基本的内容,例如显示和隐藏 div
,包括具有透明不透明度的覆盖 div
。当我单击链接有 addEventListener
的按钮时,有时需要长达两秒的时间才能显示和/或隐藏 div
。有时它甚至无法执行,我必须再次单击该按钮。我不会在这里分享整个 JS 文件,但我可以保证它非常基本。我想知道是否有某种方法可以跟踪 JavaScript 代码的执行速度...比如,我不确定它是否是实际的 JS 代码中的内容,或者它很慢,因为 Brownser 需要很长时间才能渲染它。欢迎任何帮助! =)
最佳答案
有两种可用的方法:
Chrome 中的开发者工具,但 Firefox 对于跟踪性能更有用:
另外,尝试一下performance.now()
,从未使用过它,但听说过它。也许这会有所帮助。
编辑:您还可以通过断点检查它是如何运行的。我相信你可以在 Chrome 和 Firefox 中设置断点。
关于javascript - 如何跟踪JavaScript执行性能?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58288599/