首页 > 解决方案 > 无法理解 DevTools 性能选项卡中的“强制布局”部分

问题描述

我正在根据这篇文章https://developer.chrome.com/docs/devtools/evaluate-performance/研究 Chrome DevTools 性能选项卡。

在第 7 步中,它说“在 Summary 选项卡中,单击 Layout Forced 下的 app.js:70 链接。DevTools 会将您带到强制布局的代码行。”,它表示第 70 行

在此处输入图像描述

但实际上样式的变化应该发生在第 69 行,即:

m.style.top = pos + 'px';

为什么它会突出显示第 70 行?

标签: cssperformancegoogle-chrome-devtools

解决方案


推荐阅读