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