Chrome DevTools中没有绘制分析器

问题描述

我试图使用Chrome devtools时间轴来改善动画效果，但是我找不到 Paint Profiler 。我记录了几秒钟的动画，然后点击时间线上的绘画事件，如下所述，基本上：

我在Mac上使用Google Chrome 51.0.2704.106（64位）

解决方案

更新2017年7月8日：

在Chrome的新版本中，此处的行为已发生变化。现在看到李的答案。

---

旧答案：

你需要先点击事件日志选项卡中的Paint事件。在右侧，您将看到一个带有Paint Profiler链接的预览部分，如下所示：

I'm trying to use the Chrome devtools timeline to improve animation performances, but I can't find the Paint Profiler. I recorded some seconds of an animation and then clicked on a paint event in the timeline, as described here, basically: https://developers.google.com/web/tools/chrome-devtools/profile/evaluate-performance/timeline-tool#profile-painting

But I don't see any Paint Profiler tab.

Here's how I see the console window:

I'm using Google Chrome Version 51.0.2704.106 (64-bit), on a Mac

解决方案

Update July 8th 2017:

The behaviour here has changed in newer versions of Chrome. See Li's answer now.

---

Old Answer:

You need to click on the Paint event in the Event Log tab first. On the right-hand side, you will then see a Preview section with a Paint Profiler link, as per below:

Once you have clicked on the link, the tab will appear next to the Event Log tab as per below:

这篇关于Chrome DevTools中没有绘制分析器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！