logo标签列表

Chrome DevTools中没有涂料分析器

google-chromegoogle-chrome-devtools
16

我正在尝试使用Chrome开发者工具时间轴来提高动画性能，但是我找不到Paint Profiler选项。根据这里的描述，我记录了数秒钟的动画并在时间轴上单击了一个绘制事件。

但是我没有看到任何Paint Profiler选项卡。

这是我在控制台窗口中看到的内容：

enter image description here

我正在使用Mac电脑上的Google Chrome版本51.0.2704.106（64位）。

2个回答
38

2022年9月更新 - Chrome版本号为105.0.5195.125（官方版本）（arm64）

该功能仍然存在，但已不在性能选项中。现在可以在“层”选项卡中找到。

如何访问Chrome画笔分析器的说明

最后的画笔分析器

2021年4月更新

该功能仍然存在，已在版本89.0.4389.114（官方版本）（arm64）中确认。

输入图像描述

2018年8月6日更新

在版本68.0.3440.84（64位官方版本）中，要找到画笔分析器变得更加困难。按照以下步骤在Google Chrome开发工具中找到画笔分析器。

  1. 启用“高级绘制仪器（慢）”

输入图像描述

  1. 记录时间轴
  2. 找到一个绘制块并单击该块

输入图像描述

  1. 在预览部分内点击"绘图分析器"

enter image description here

  1. 这就是你要找的"绘图分析器"。

enter image description here

使用Chromium 72，我没有你第一张截图中的红色按钮。有屏幕截图复选框、内存复选框和收集垃圾按钮。你知道他们是否删除了这个功能，或者...？ - Thomas
更新获取分析器的步骤并确认其仍然存在。 - XY Li
3

你其实不需要一直刷新页面。一旦页面加载完成，Profile Paint面板没有出现，你只需要按Ctrl+f并输入paint，它就会显示出来。根据你的电脑硬件配置，即使你查找(Ctrl+f)，最后paint记录加载也需要几秒钟时间。等待几秒钟然后再查找paint，你就无需刷新页面！

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接