Question

<form id="search" action="/search" method="get" autocomplete="off"> 
    <div> 
     <input type = "button" name = 'test_button" value = "test" /> 
    </div> 
</form> 

<script> 
    document.getElementById("test_button").value = "changed_test" 
</script> 

Podobnie jak kod HTML powyżej pokazuje, mam zdefiniowane przycisk z nazwą test_button i wartości test i zmieniając jego wartość z kodem w tagu skryptu.

Teraz debuguję dużą stronę internetową, która używa takiego mechanizmu za pomocą Firebuga i Firefoksa w Linuksie.

Chcę wiedzieć, w jaki sposób mogę znaleźć skrypt, który zmienia atrybut <input ... />value, ale strona internetowa jest zbyt duża, różne <script> i anonimowe funkcje, które są automatycznie wykonywane stało się prawie niemożliwe, aby znaleźć konkretną script ręcznie.

Odkąd jestem w Linuksie, nie mogę używać żadnych narzędzi Microsoftu do przeszukiwania całej strony. Mam tylko Firebuga i Chrome. Czy Firebug może to zrozumieć? Czy ktoś ma dobry pomysł, jak znaleźć konkretną <script>, która zmieniła value?

Answer 1

dodać trochę kodu jak ten dokument, tuż po postaci z przyciskiem:

<script> 
var node = document.getElementById("test_button"); 
Object.defineProperty(node, 'value', { 
    set: function() { throw new Error('button value modified'); } 
}); 
</script> 

To wygeneruje błąd, gdy coś próbuje modyfikować przycisk na value.

Rozwiń błąd i kliknij ostatni numer linii pokazany. Spowoduje to przejście do linii ustawiającej wartość przycisku.

Oto demo: http://jsfiddle.net/XSJZN/

Testowany w Chrome 17.