Automating/replaying 在 Chrome devtools 时间线上
Automating/replaying on Chrome devtools timeline
我有一个网页，如果应用了某些样式，滚动时可能会出现卡顿。我的问题是如何系统地测试个人风格的效果。我不想每次都手动向下滚动页面，我想执行一些可复制的操作，以便轻松比较两个不同样式表的效果。是否可以录制和重播序列？
在 Chrome 中，您可以尝试使用：
console.timeline('description');
// your code
console.timelineEnd('description');
您会收到弃用警告，但它可以记录时间线。
或
您可以使用 The Intern http://theintern.io/ 来自动执行您想要执行的重复任务，例如向下滚动页面。
在那种情况下，您将为每个样式更改编写一个测试用例，在使用 Frame Timing API 测量的同时滚动页面
https://github.com/GoogleChrome/frame-timing-polyfill
每个测试都希望帧速率高于某个值。
我有一个网页，如果应用了某些样式，滚动时可能会出现卡顿。我的问题是如何系统地测试个人风格的效果。我不想每次都手动向下滚动页面，我想执行一些可复制的操作，以便轻松比较两个不同样式表的效果。是否可以录制和重播序列？
在 Chrome 中，您可以尝试使用：
console.timeline('description');
// your code
console.timelineEnd('description');
您会收到弃用警告，但它可以记录时间线。
或
您可以使用 The Intern http://theintern.io/ 来自动执行您想要执行的重复任务，例如向下滚动页面。 在那种情况下，您将为每个样式更改编写一个测试用例，在使用 Frame Timing API 测量的同时滚动页面 https://github.com/GoogleChrome/frame-timing-polyfill
每个测试都希望帧速率高于某个值。