Chrome Performance 查看哪个函数耗时久
时间: 2023-12-28 17:03:12 浏览: 206
要查看哪个函数在 Chrome Performance 中耗时较长,可以使用 Chrome 开发者工具中的 Flame Chart 面板。
在 Performance 面板中,点击 Flame Chart 面板,可以看到一个时间轴上的火焰图,每个火焰代表一个 JavaScript 函数。火焰的高度表示函数执行的时间,颜色表示函数的调用深度。
通过 Flame Chart 可以找到耗时较长的函数。找到一个长火焰,点击火焰的右侧三角形,可以展开该函数的子函数。通过这种方式可以深入了解函数的调用关系和执行时间。
另外,在火焰图的顶端有一个搜索框,可以输入函数名进行搜索。搜索结果会高亮显示,方便找到特定的函数。
注意,Flame Chart 只能显示 JavaScript 函数的执行时间,对于浏览器本身的操作(比如 DOM 渲染、网络请求等)无法进行分析。如果需要分析这些操作的性能,可以使用其他面板,如 Network 面板、Rendering 面板等。
阅读全文