performance - Chrome DevTools：时间轴视图上的三角形警告图标，它是什么？

Question

有谁知道 Google Chrome 开发者工具时间轴视图上的三角形警告图标代表什么？当我将鼠标悬停在它上面时，单击它等等 - 提供的信息与其他任何事件都没有不同。事件本身看起来也不长，我不知道它在警告我什么。

谢谢。

Answer 1

此警告标志表示某些代码（例如element.offsetHeight或document.width）触发了同步布局事件，这在某些情况下会对性能产生不利影响。如果展开事件树，您应该能够看到相关的堆栈跟踪。

DevTools 文档中对此三角形及其含义的完整解释： https ://developer.chrome.com/devtools/docs/timeline#locating-forced-synchronous-layouts

_{（来源：chrome.com）}

它包括一个强制同步布局演示，以便更好地理解它。