Chrome DevTools中没有paint Profiler

Question

我正在尝试使用Chrome devtools时间轴来改善动画效果，但我找不到Paint Profiler。我录制了几秒钟的动画，然后点击了时间轴中的绘画事件，如此处所述，基本上是：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位）

Answer 1

更新于20190316

版本72.0.3626.121（官方构建）（64位）

更新于20180806

在版本68.0.3440.84（官方版本）（64位）中找到它变得更加困难。以下是找到它的步骤，

1）启用＆＃34;高级油漆工具（慢）＆＃34;

2）记录时间表 3）找到一个油漆区并点击该区块

4）点击＆＃34; Paint Profiler＆＃34;在预览部分

5）这是＆＃34; Paint Profiler＆＃34;你在寻找。

Answer 2

您实际上不需要继续刷新页面。一旦页面加载和Profile Paint窗格没有出现，你只需按Ctrl + f并键入paint它就会显示出来。根据您的计算机硬件，即使您查看它（Ctrl + f），也需要几秒钟才能最终加载油漆记录。等几秒钟，然后查找油漆，你不需要刷新！