提问人：Fit Dev 提问时间：9/30/2016 更新时间：11/15/2021 访问量：1946
获取 Chrome 的“重新计算样式”分析事件受影响的 DOM 元素
Get Chrome's "Recalculate Style" Profiling Event Affected DOM Elements
问：
有没有办法让 DOM 元素真正参与 Chrome 的“重新计算样式”事件？
它所说的就像“59 个元素”。但是，慢慢地开始从 DOM 中删除元素并重新运行时间线分析器以查看它如何影响受影响元素的元素计数是非常耗时的。即便如此，仍然很难弄清楚哪些因素可能是负责任的。
同样的问题也适用于“更新图层树”和“布局”事件。
答：
1赞
Matthew Husák
11/15/2021
#1
因此，有几种方法可以为您提供帮助。
您可以使用 Chrome Canary：https://www.google.com/intl/en/chrome/canary/，您可以在开发工具中单击一个事件，它应该会显示一个简单的堆栈跟踪。
我还使用这段代码来调试CSS动画
window.onanimationiteration = console.log;
希望它能在某种程度上帮助你
评论