paint - 如何在 Chrome 的时间线框架选项卡中找出导致绘制事件的原因

Question

在 Chrome 的“时间轴”选项卡的“帧”选项卡中调试慢速绘制时，是否可以弄清楚绘制了什么以及导致绘制的原因？绘画事件似乎只包含有关绘画时间、尺寸和位置的信息。

Answer 1

为了简短起见 - 您应该结合使用Show paint rectangles、Enable Continuous page repainting和 Timeline 视图。您可以在 Drawer的Rendering选项卡下找到 Show paint rectangles 和 Enable Continuous page repainting 。

在 Google 的 Web Fundamentals 网页上有更多信息：Simplify Paint Complexity and Reduce Paint Areas。