Тестирование JQuery - приостановка DOM?

Question

Есть ли способ сортировки DOM (в Firefox или Chrome). То есть, возможно, происходит анимация, и я бы хотел остановиться и посмотреть, как именно выглядит разметка и тому подобное. Некоторые анимации происходят слишком быстро, чтобы я мог использовать «проверить элемент» или что-то еще.

Answer 1

Вы можете использовать вкладку «Сценарий» в Firebug для установки точек останова и пошагового выполнения кода.

Вы также можете сделать такие вещи, как «Сломать при изменении атрибута» для элемента HTML.См. Демонстрацию контрольных точек Firebug для получения дополнительной информации.

Answer 2

Вы можете вставить «выписку»

debugger;

везде, где вы хотите, чтобы все прекратилось. Конечно, полезно использовать браузер с отладчиком: -)

Теперь это работает только в вашем коде. Если вы делаете что-то вроде настройки анимации в очереди анимаций jQuery, вам придется втиснуть это в последовательность. Это не красиво; Вот более или менее пост в блоге на эту тему: http://www.bennadel.com/blog/1864-Experimenting-With-jQuery-s-Queue-And-Dequeue-Methods.htm