OMA*_*OMA 5 javascript css animation google-chrome developer-tools
Chrome的开发者工具中有一个很棒的功能,它允许你暂停动画并控制它们的速度,但问题是它们是鼠标控制的按钮.有时候我需要暂停一个动画,而不是实际移动鼠标光标来检查悬停激活动画中的内容,所以我不能真正使用暂停按钮.是否有该动画暂停按钮的键盘快捷键,所以我不需要移动光标,我正在做什么？
如前所述，没有键盘快捷键可以暂停动画，但我发现了下一个最好的方法：使用 Ctrl+Shift+C（Mac 中为 Cmd+Shift+C）在光标位于元素上时启用检查悬停激活动画。这不会停止已经运行的动画，但会阻止在检查时触发进一步的鼠标激活动画，这可能足以检查元素。
您可以使用“切换元素状态”选项或从控制台中的 JavaScript 触发动画，而无需使用鼠标。此外，一旦进入debugger;模式，检查不应触发事件。
（有关调试动画的一般信息）
https://developers.google.com/web/tools/chrome-devtools/inspect-styles/animations
您可以在每一帧或每几帧创建断点。
| 归档时间： |
|
| 查看次数： |
5808 次 |
| 最近记录： |