本文介绍了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中没有绘制分析器的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-05 12:59