在Chrome devtools时间轴上自动/重放

时间:2015-01-20 19:28:59

标签: performance google-chrome profiling rendering google-chrome-devtools

如果应用了某些样式,我有一个可以滚动的网页。我的问题是如何系统地测试各种风格的效果。我不想每次只手动向下滚动页面,我想执行一些可复制的操作,这样我就可以轻松比较两种不同样式表的效果。是否可以录制和重播序列?

1 个答案:

答案 0 :(得分:1)

在Chrome中,您可以尝试使用:

console.timeline('description');
// your code
console.timelineEnd('description');

您将收到弃用警告,但它可以记录时间轴。

OR

您可以使用实习生http://theintern.io/自动执行您想要执行的重复任务,例如向下滚动页面。 在这种情况下,您将为每个样式更改编写一个测试用例,在使用Frame Timing API进行测量时滚动页面 https://github.com/GoogleChrome/frame-timing-polyfill

每个测试都希望帧速率高于某个值。