Chrome的开发人员工具中有一个非常棒的功能,可让您暂停动画并控制其速度,但问题在于它们是鼠标控制的按钮。有时我需要暂停一个动画,而不是实际移动鼠标光标来检查悬停激活动画中的内容,所以我无法真正使用暂停按钮。该动画暂停按钮是否有键盘快捷键,因此我不需要将光标移开,无论我做什么?
答案 0 :(得分:3)
如前所述,暂停动画没有键盘快捷键,但我发现了下一个最好的事情:使用Ctrl + Shift + C(Mac中的Cmd + Shift + C)启用检查当光标位于具有悬停激活动画的元素上时。这不会停止已经运行的动画,但会阻止进一步鼠标激活的动画在检查时触发,这可能足以检查元素。
答案 1 :(得分:2)
没有! Chrome DevTools没有这样的捷径。您可以在以下位置查看chrome DevTools快捷方式的完整列表: https://developer.chrome.com/devtools/docs/shortcuts
答案 2 :(得分:1)
现在,如果它的CSS3动画你不能暂停,但你可以用DevTools Animation Inspector重放和调整它。
了解详情 https://developers.google.com/web/tools/chrome-devtools/inspect-styles/animations
您可以create breakpoints每一帧或每两帧。