브라우저 콘솔에서 모든 JavaScript 이벤트 모니터링

브라우저 콘솔에서 모든 JavaScript 이벤트 모니터링

---

모든 자바 스크립트 이벤트를 수신 할 수 있습니까?

AJAX 요청에 의해 DOM이 수정 된 후 트리거 된 이벤트가 있는지 추측하려고합니다.

---

로 불을 지르고 또는 웹 관리자 당신은 사용할 수 있습니다 monitorEvents:

monitorEvents(myDomElem);

그러면에서 생성 한 모든 이벤트 myDomElem가 콘솔로 출력 됩니다. unmonitorEvents이벤트 모니터링을 중지하는 데 사용 합니다.

DOM이 조작 된 후 이벤트를 가져 오는 데 관심이 있다면 Mutation Events를 살펴보세요 .

편집 :

내가 아는 onreadystatechange한 모든 XMLHttpRequest에서 모든 이벤트 를 가로채는 쉬운 방법은 없습니다 . 내가 생각할 수있는 유일한 해결 방법은 고유 한 구현으로 네이티브 XMLHttpRequest 개체를 재정의하는 것입니다. 예를 들면 :

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

말할 필요도없이 이것은 매우 해키하고 일반적으로 부적절합니다.

---

Xavi의 대답을 피기 monitorEvents(myDomElem)위해 마우스 이벤트를 제외한 모든 것을 원하면 unmonitorEvents(myDomElem, 'mouse').

http://www.briangrinstead.com/blog/chrome-developer-tools-monitorevents 에는 크롬 모니터 이벤트 사용과 관련된 좋은 기사가 있습니다.

참조 URL : https://stackoverflow.com/questions/3489433/monitor-all-javascript-events-in-the-browser-console