Czy istnieje sposób, aby prześledzić wywołanie funkcji javascript?

Question

Potrzebuję ostateczny sposób, aby dowiedzieć się, co JavaScript modyfikuje wartość formularza? Najlepsze, co udało mi się zrobić, to:

$(function(){ 
    console.log($("input[name=Email]").val()); 
}); 

Ale wartość nie została zmieniona przez punkt, w którym to się wykonuje.

Answer 1

Jest nowy sposób to zrobić w Chrome i Firefox: console.trace

Zobacz tutaj:

https://developer.mozilla.org/en-US/docs/Web/API/console.trace

W przeglądarce internetowej:

> console.trace() 
console.trace() VM251:2 
(anonymous function) VM251:2 
InjectedScript._evaluateOn VM223:581 
InjectedScript._evaluateAndWrap VM223:540 
InjectedScript.evaluate VM223:459 
undefined 

więc zmodyfikować przyjętą odpowiedź:

$('input#myInputAbove').change(function(){ 
    console.trace(); // No breakpoint needed anymore. 
}); 

Answer 2

prev_value = document.getElementByName('Email').value; 

$("input[name=Email]").change(function(){ 
    var cur_value = document.getElementById('Email').value; 
    if(cur_value != prev_value){ 
     alert("Value changed"); 
    //or console.log("Value changed"); 
    } 
} 

Answer 3

Włóż to bezpośrednio poniżej HTML elementu formularza, które chcesz śledzić:

$('input#myInputAbove').change(function(){ 
    console.log('change detected'); // Breakpoint on this line 
}); 

Zastosowanie FireBug wstawić breakpoint do powyższego JS metody. Uderz go i spójrz na stos stosu.

Answer 4

Poniższa pokaże, jakie wydarzenie koparki zostały zobowiązane do elementu:

$.each($("input[name='Email']").data('events'), function(i, event){ 
    $.each(event, function(i, handler){ 
     console.log(handler.handler); 
    }); 
});