Cómo puedo establecer puntos de interrupción en un script JS externo en Firebug

Question

Puedo establecer puntos de interrupción fácilmente en funciones JS incrustadas, pero no veo ninguna forma de acceder a scripts JS externos a través de Firebug a menos que los ingrese durante una sesión de depuración . ¿Hay alguna manera de hacerlo sin tener que 'explorar' mi camino hacia el guión?

@Jason: Este es un buen punto, pero en mi caso no tengo fácil acceso al script. Estoy hablando específicamente de las secuencias de comandos del cliente que invocan los Validadores de ASP.Net que me gustaría depurar. Puedo acceder a ellos durante una sesión de depuración a través de las llamadas a funciones, pero no pude encontrar una manera de acceder a ellos directamente.

Answer 1

Para ver y acceder a los archivos JavaScript externos (* .js) desde dentro de Firebug:

1. Haga clic en la pestaña 'script'.
2. Haga clic en el menú desplegable 'todo' en la esquina superior izquierda sobre la ventana de contenido de código de script .
3. Seleccione 'Mostrar guiones estáticos'.
4. Haga clic en el botón desplegable sólo para la derecha de lo que ahora dice 'estático' (Por defecto, se debe mostrar el nombre de su página web actual). Usted ahora debería ver una lista de archivos asociados con la página web actual incluyendo cualquier archivo JS externo.
5. Seleccione el archivo JavaScript en el que está interesado y su código se mostrará en la ventana de contenido. Desde el allí, debería poder establecer puntos de interrupción de forma normal.

Answer 2

Al hacer clic en el número de línea en el margen izquierdo debe crear un punto de interrupción para usted (debe aparecer un círculo rojo).

Todas las secuencias de comandos cargadas deberían estar disponibles en el menú de Firebug: haga clic en donde dice que el nombre del archivo actual debe mostrar un menú desplegable con todos los archivos enumerados.

Answer 3

Coloque debugger; en el archivo de script externo en la línea que desea interrumpir.

Answer 4

Después de colocar un punto de interrupción en ellos, también puede llamarlos por su nombre en la consola Firebug, y ver la salida de (o paso) de cualquier función intermedia. Esto puede ayudar cuando el punto de entrada principal llama a muchas otras funciones auxiliares, y realmente le preocupa cómo funcionan estos ayudantes.

Dicho esto, no conozco nada acerca de los validadores de ASP.Net, por lo que es posible que esto no se aplique.

Answer 5

Poner el "depurador"; línea también hace el truco para el depurador de Chrome.