2012-11-15 6 views
8

Weiß jemand, was das dreieckige Warnsymbol in der Timeline-Ansicht von Google Chrome Developer Tools darstellt? Wenn ich den Mauszeiger darüber bewege, klicke darauf etc. - es werden keine anderen Informationen angezeigt als für andere Ereignisse. Das Ereignis selbst scheint auch nicht lange zu dauern, ich kann nicht herausfinden, worüber es mich warnt.Chrome DevTools: Dreieck Warnsymbol auf Timeline-Ansicht, was ist das?

Danke.

Antwort

11

Diese Warnzeichen bedeutet, dass einige Code (z element.offsetHeight oder document.width) eine synchronen Layout-Ereignis ausgelöst hat, die sich negativ auf die Leistung in einigen Fällen beeinflussen können. Sie sollten in der Lage sein, den zugeordneten Stack-Trace zu sehen, wenn Sie die Ereignisbaumstruktur erweitern.

Eine vollständige Erklärung dieses Dreieck und was es bedeutet, in der DevTools Dokumentation: https://developer.chrome.com/devtools/docs/timeline#locating-forced-synchronous-layouts

Es enthält ein Forced Synchronous Layout demo es besser zu verstehen.

Verwandte Themen