Chrome DevTools 中没有绘图分析器答案

【问题标题】：No paint profiler in Chrome DevToolsChrome DevTools 中没有绘图分析器
【发布时间】：2016-11-21 02:53:10
【问题描述】：

我正在尝试使用 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 位）

【问题讨论】：

【解决方案1】：

2021 年 4 月更新

Version Version 89.0.4389.114 (Official Build) (arm64) 中确认该功能仍然存在

更新于 20180806

在版本 68.0.3440.84（官方构建）（64 位）中更难找到。按照以下步骤在 Google Chrome 开发工具中找到绘图分析器。

【讨论】：

【解决方案2】：

您实际上不需要不断刷新页面。一旦页面加载并且 Profile Paint 窗格没有出现，您只需 Ctrl+f 并键入paint，它就会显示出来。根据您的计算机硬件，即使您查找它（Ctrl + f），最终加载绘制记录也需要几秒钟。稍等几秒再抬头找漆，不用刷新！

【讨论】：