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

Javascript “是否有键盘快捷键?”;暂停动画“;Chrome开发者工具中的功能?(F12),javascript,css,google-chrome,animation,developer-tools,Javascript,Css,Google Chrome,Animation,Developer Tools,Chrome的开发者工具中有一个漂亮的功能,可以让你暂停动画并控制它们的速度,但问题是它们是鼠标控制的按钮。有时我需要暂停动画,而不实际移动鼠标光标来检查悬停激活动画中的内容,因此我无法真正使用“暂停”按钮。动画暂停按钮是否有键盘快捷键,这样我在做任何事情时都不需要移动光标?否!ChromeDevTools没有这样的捷径。您可以在以下位置查看chrome DevTools快捷方式的完整列表: 如前所述,没有键盘快捷键来暂停动画,但我发现了下一个最好的方法:使用Ctrl+Shift+C(Mac中的

Chrome的开发者工具中有一个漂亮的功能,可以让你暂停动画并控制它们的速度,但问题是它们是鼠标控制的按钮。有时我需要暂停动画,而不实际移动鼠标光标来检查悬停激活动画中的内容,因此我无法真正使用“暂停”按钮。动画暂停按钮是否有键盘快捷键,这样我在做任何事情时都不需要移动光标?

否!ChromeDevTools没有这样的捷径。您可以在以下位置查看chrome DevTools快捷方式的完整列表:

如前所述,没有键盘快捷键来暂停动画,但我发现了下一个最好的方法:使用Ctrl+Shift+C(Mac中的Cmd+Shift+C)在光标位于具有悬停激活动画的元素上时启用检查。这不会停止已经运行的动画,但会阻止在检查时触发更多鼠标激活的动画,这可能足以检查元素。

更新答案 您可以使用“切换元素状态”选项触发动画,也可以从控制台中的JavaScript触发动画,而无需使用鼠标。此外,一旦进入
调试器模式,检查不应触发事件


旧答案: (有关调试动画的常规信息)

CSS3

JavaScript
你可以选择每一帧,或者每两帧。

为什么要投反对票?这绝对是一个面向开发人员的问题。只有开发者使用“Chrome开发者工具”。开发者比任何人都更了解这个问题的答案!那么,我还应该在哪里发布这个问题?暂停动画功能在哪里?在开发人员工具中,在“样式”、“计算”、“事件侦听器”等选项卡下,您可以看到右侧圆圈内的播放按钮。如果单击它,将显示一个滑块,您可以使用它设置动画速度,在该滑块的左侧有一个暂停按钮。这是我想使用的按钮,但实际上不使用鼠标,因为我想暂停悬停激活的动画,如果我将鼠标光标移出页面,我想暂停的动画将不再可见。这就是为什么我需要一个键盘快捷键。投票被否决是因为a)CSS3动画可以通过动画检查器暂停,b)暂停JavaScript调试器对CSS动画没有影响,c)这两点都没有回答关于在不使用鼠标的情况下触发暂停动画功能的问题。Thx@Hamish!更新