Прослушивание события повторения браузера

Я пытаюсь слушать браузеры reflow-events, чтобы понять, какие части кода являются самыми дорогими. Reflow возникает, когда что-то должно быть (re) нарисовано на экран, например, когда новый элемент добавлен в DOM.

Есть ли способ прослушать события aase, например, в/с Javascript, для дальнейшего анализа?

Ответы

Ответ 1

Я думаю, что это решение для использования класса DOM MutationObserver. Как отмечают Документы:

Он предназначен для замены событий мутаций, определенных в спецификации DOM3 Events. Api Docs

Пример на сайте довольно понятный

// select the target node
var target = document.querySelector('#some-id');

// create an observer instance
var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    console.log(mutation.type);
  });    
});

// configuration of the observer:
var config = { attributes: true, childList: true, characterData: true };

// pass in the target node, as well as the observer options
observer.observe(target, config);

// later, you can stop observing
observer.disconnect();