Можно ли вручную подключить Chrome DOM Breakpoint вручную в консоли?

Question

В настоящее время вы можете щелкнуть правой кнопкой мыши элемент DOM из окна инспектора элементов и выбрать «разбить на модификации поддерева». Точка перехвата полезна, но мне хотелось бы также собрать статистику в реальном времени, и я надеялся связать это событие с консолью JS, то есть запустить функцию обратного вызова вместо фактического нарушения выполнения. Это возможно?

Answer 1

Bind событие следующим образом:

// DOMNodeInserted may be more interesting 
document.addEventListener('DOMSubtreeModified', function(event) { 
    console.log(event.target); // Logs the element 
}); 

Вошедший элемент «вживую», поэтому он не будет отображаться элемент в момент регистрации. Для события DOMNodeInserted может быть полезно использовать: console.log(event.target.outerHTML);