Chrome开发者工具中的“暂停动画”功能是否有键盘快捷键? (F12)

时间:2015-03-06 12:45:08

标签: javascript css google-chrome animation developer-tools

Chrome的开发人员工具中有一个非常棒的功能,可让您暂停动画并控制其速度,但问题在于它们是鼠标控制的按钮。有时我需要暂停一个动画,而不是实际移动鼠标光标来检查悬停激活动画中的内容,所以我无法真正使用暂停按钮。该动画暂停按钮是否有键盘快捷键,因此我不需要将光标移开,无论我做什么?

3 个答案:

答案 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

现在,如果它的CSS3动画你不能暂停,但你可以用DevTools Animation Inspector重放和调整它。

了解详情 https://developers.google.com/web/tools/chrome-devtools/inspect-styles/animations

的JavaScript

您可以create breakpoints每一帧或每两帧。