如何跟踪JavaScript执行性能?

问题描述 投票:0回答:1

因此,我有这个普通的JavaScript代码,在某些较旧的移动设备(如iPhone 5)上运行非常慢,但在较新的设备(如iPhone 7)上运行完美。我不是在说加载速度,而是在说实际的JavaScript功能。我正在使用一些addEventListener处理诸如显示和隐藏divs之类的基本内容,包括具有透明不透明性的叠加层div。当我单击链接有addEventListener的按钮时,有时最多需要两秒钟才能显示和/或隐藏divs。有时它甚至无法做到,我将不得不再次单击该按钮。我不会在这里共享整个JS文件,但是我可以保证它非常基本。我想知道的是,是否有某种方式可以跟踪JavaScript代码的执行速度...就像,我不确定这是否在实际的JS代码中,或者它很慢,因为Brownser花费很长时间来渲染它。欢迎任何帮助! =)

javascript html performance mobile
1个回答
1
投票

2种可用方式:

Chrome中的开发人员工具,但是Firefox对于跟踪性能更有用:

也尝试performance.now(),从未使用过,但听说过。也许会有所帮助。

编辑:您还可以通过断点检查它的运行方式。我相信您可以在Chrome和Firefox中创建断点。

© www.soinside.com 2019 - 2024. All rights reserved.