Dinleme tarayıcı yeniden akış olayı

Question

Bir kodun en pahalı olanları hakkında bir fikir edinmek için tarayıcıları reflow-events dinlemeye çalışıyorum. Yeniden tarama, bir şey (örneğin) DOM'a yeni eleman eklendiğinde, ekrana çizildiğinde (yeniden) olduğunda oluşur.

Daha fazla analiz için örn. Javascript ile/gibi thease olaylarını dinlemenin bir yolu var mı?

Answer 1

DOM MutationObserver sınıfını kullanmanın bir çözüm olduğunu düşünüyorum. Dokümanların işaret ettiği gibi:

DOM3 Olayları belirtiminde tanımlanan Mutasyon Olaylarının yerine geçecek şekilde tasarlanmıştır. Api Docs

sitesinde örnek hoş kendi açıklayıcı

// 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();