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

Question

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

感谢。

Answer 1

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

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

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