Найти, что javascript изменяет DOM?

Недавно я работал с тоннами других JS, и я действительно ненавижу попытки отладить его. Даже с инструментами Chrome dev я не могу отслеживать множество изменений DOM, которые происходят во время загрузки страницы.

Есть ли какие-либо инструменты, которые покажут мне, какая часть DOM (скажем, добавленный атрибут) была выполнена с помощью JS?

Спасибо

Ответы

Ответ 1

В инструментах Chrome dev у вас есть возможность нарушить выполнение при изменении DOM. enter image description here

Также снимок экрана, чтобы проиллюстрировать ответ Вольфрама (+1)

enter image description here

Ответ 2

Незначительное дополнение к ответу Jayraj: Точки останова в событиях мутации DOM. Щелкните правой кнопкой мыши на любом элементе, и вы можете выбрать Break on Subtree Modifications и Break on Attributes Modifications и Break on Node Removal.

Это также возможно с помощью Firebug: щелкните правой кнопкой мыши элемент, и у вас есть некоторые опции для его мониторинга для изменений.