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）}

它包含一个Forced Synchronous Layout demo 以便更好地理解它。