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> 

Del mismo modo que el código HTML anterior muestra, he definido un botón con el nombre test_button y el valor test y cambiar su valor con el código en la etiqueta script.

Ahora estoy depurando una gran página web que está utilizando un mecanismo como este usando Firebug y Firefox en Linux.

Quiero saber cómo puedo encontrar el script que cambia el atributo value del <input ... />, pero la página web es demasiado grande, varias <script> y anónimas funciones que se auto-ejecutado hace que sea casi imposible encontrar la específica script a mano.

Como estoy en Linux, no puedo usar ninguna herramienta de Microsoft para buscar en toda la página web. Solo tengo Firebug y Chrome. ¿Puede Firebug darse cuenta de eso? ¿Alguien tiene una buena idea de cómo encontrar el <script> específico que cambió el value?

Answer 1

añadir algo de código como este para el documento, justo después de la forma con el botón:

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

Esto generará un error cuando se intenta modificar nada de value el botón.

Expandir el error y haga clic en el último número de línea se muestra. Esto lo llevará directamente a la línea que establece el valor del botón.

He aquí una demostración: http://jsfiddle.net/XSJZN/

Probado en Chrome 17.