come trovare lo script che ha cambiato l'attributo value di un <input ... /> tag

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> 

Proprio come il codice HTML qui sopra mostra, ho definito un pulsante con nome test_button e il valore test e cambiando il suo valore con il codice nel tag script.

Ora eseguo il debug di una pagina Web di grandi dimensioni che utilizza un meccanismo come questo che utilizza Firebug e Firefox in Linux.

Vorrei sapere come posso trovare lo script che cambia l'attributo value del <input ... />, ma la pagina web è troppo grande, vari <script> e anonimi funzioni che è auto-eseguito ha reso quasi impossibile trovare la specifica script manualmente.

Dato che sono in Linux, non posso utilizzare alcun strumento Microsoft per cercare l'intera pagina web. Ho solo Firebug e Chrome. Firebug può rendersene conto? Qualcuno ha una buona idea di come trovare lo specifico <script> che ha cambiato il value?

Answer 1

aggiungere del codice come questo per il documento, subito dopo il modulo con il tasto:

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

Questo genera un errore quando si tenta di modificare nulla del value tasto.

Espandere l'errore e fare clic l'ultimo numero di riga indicato. Questo ti porterà direttamente alla linea che imposta il valore del pulsante.

Ecco una demo: http://jsfiddle.net/XSJZN/

Testato in Chrome 17.