我尝试使用Chrome devtools时间线来提高动画性能，但是我找不到Paint Profiler。我录制了几秒钟的动画，然后点击时间线中的一个paint事件，基本上如下所述：https://developers.google.com/web/tools/chrome-devtools/profile/evaluate-performance/timeline-tool#profile-painting
但我没有看到任何Paint Profiler选项卡。
控制台窗口的显示方式如下：
我在Mac上使用Google Chrome 51.0.2704.106版（64位）
2条答案
按热度按时间w6lpcovy1#
2022年9月更新- Chrome版本105.0.5195.125（正式版本）（arm 64）
这个功能仍然存在，但是它不再出现在性能部分。相反，它可以在层选项卡中找到。
2021年4月更新
在版本89.0.4389.114（正式构建版本）（arm 64）中确认该功能仍然存在
于2018年8月6日更新
在68.0.3440.84版（官方版本）（64位）中更难找到。按照以下步骤在Google Chrome开发工具中找到绘制配置器。
1.启用“高级绘画工具（慢速）”
1.录制时刻表
1.找到一个油漆块并单击该块
x1c4d 1x指令集
1.单击预览部分中的“绘制刻画器”
1.这是您正在寻找的“绘制刻画器”。
指令集
oogrdqng2#
实际上，你并不需要不断刷新页面。一旦页面加载完毕，而“剖面绘制”窗格没有出现，你只需按Ctrl+f并输入paint，它就会出现。根据你的计算机硬件，即使你查找它（Ctrl+f），最终加载paint记录也需要几秒钟。等待几秒钟，然后查找paint，你不需要刷新！