Monitorowanie wszystkich zdarzeń JavaScript w konsoli przeglądarki

Question

Czy można słuchać wszystkich zdarzeń javascript?

Próbuję zgadnąć, czy zdarzenie wywołane po modyfikacji DOM przez żądanie AJAX.

Answer 1

Z firebug lub web inspector można użyć monitorEvents:

monitorEvents(myDomElem); 

Powoduje wydrukowanie wszystkich zdarzeń emitowanych przez myDomElem do konsoli. Użyj opcji unmonitorEvents, aby zatrzymać monitorowanie zdarzeń.

Jeśli chcesz uzyskać informacje o wydarzeniach po manipulowaniu DOM, spójrz na numer Mutation Events.

Edit:

O ile mi wiadomo, nie ma łatwego sposobu, aby przechwytywać wszystkie onreadystatechange wydarzenia ze wszystkich XMLHttpRequest. Jedynym sposobem obejścia tego problemu jest zastąpienie natywnego obiektu XMLHttpRequest własną implementacją. Na przykład:

(function() { // Overriding XMLHttpRequest 
    var oldXHR = window.XMLHttpRequest; 

    function newXHR() { 
     var realXHR = new oldXHR(); 

     realXHR.addEventListener("readystatechange", function() { 
      console.log("an ajax request was made") 
     }, false); 

     return realXHR; 
    } 

    window.XMLHttpRequest = newXHR; 
})(); 

Nie trzeba dodawać, że jest to bardzo hacky i ogólnie nierozważne.

Answer 2

Aby odstroić świnkę od odpowiedzi Xaviego na monitorEvents(myDomElem), jeśli chcesz mieć wszystko oprócz zdarzeń myszy, możesz wpisać unmonitorEvents(myDomElem, 'mouse').

http://www.briangrinstead.com/blog/chrome-developer-tools-monitorevents ma dobry artykuł w odniesieniu do korzystania z wydarzeń chrome monitor.