Как дебажить css3 анимации?

Я может нестандартный вопрос задам, но в моем случае он очень актуален. Со стандартными анимациями через циклы, интервалы или нативные вроде requestAnimationFrame и всякие упрощающие прослойки, фреймворки, вроде jQuery понятно как делать. Брейкпоинтами в дебаггере.

А вот как быть в случае, когда запущена куча анимаций, где javascript устанавливает лишь очередность задавая конечную позиционируемую точку в стилях. Ситуация такая, что возник рассинхрон, и я себе мозг уже сломал в поисках закравшегося бага (ведь усложняется это событийной моделью onmouseover и кучей условий). Тут я не могу остановить на середине анимацию и поковырять вглубь.

Да, я имею недостаточно опыта в ковырянии багов через Source Google Chrome или Firebug для Firefox, тем не менее, ни одна проблема еще не вызывала у меня столько возни.

Нуждаюсь в советах и рекомендациях. Баговый код, кстати, не мой.
  • Вопрос задан
  • 2687 просмотров
Пригласить эксперта
Ответы на вопрос 2
wanhelsing
@wanhelsing
Попробуйте бета версию хрома, там вроде есть тулы этого:

Screen%2BShot%2B2015-01-22%2Bat%2B8.11.0
В FF тоже недавно появились аналогичные тулы специально для анимации.
Ответ написан
Комментировать
Writerim
@Writerim
Заполнить позже...
ваш случай

но как дебажить css анимацию вообще не представляю
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы