Depuración dinámicamente añadió archivos javascript

Question

Tengo una aplicación web que añade dinámicamente javascript archivos en función de lo que el usuario elige como opciones de uso de AJAX en tiempo real para evitar la actualización de la pantalla.

Ahora trato de depurar estos archivos javascript agregados dinámicamente y he probado las herramientas de desarrollador de Google Chrome y el complemento de Firebug para Firefox, y he notado que los "archivos" javascript añadidos dinámicamente no aparecen, así que no puedo seleccionar les permite añadir puntos de interrupción etc.

Entonces, ¿hay una solución para esto, es decir, la depuración de forma dinámica añadió archivos javascript?

Answer 1

Puedes añadir el comunicado debugger; en los scripts dinámicos en la que desea establecer el punto de interrupción. Esto hará que la parada de cromo sobre ella como un punto de interrupción regular si el subproceso de ejecución llega a la instrucción, mientras que se abre la interfaz de usuario de herramientas de desarrollador.

También puede iniciar la secuencia de comandos con eso, por lo que la secuencia de comandos aparece en el depurador, y se puede configurar manualmente después de que un punto de interrupción en la que desea.

Answer 2

Consulte sourceURL que es una forma de indicar a las herramientas de desarrollo que deberían tratar las cadenas evaluadas como archivos reales. Hace exactamente lo que estás buscando.

Al final de la cadena que se evaled, dejar comentarios de esta forma:

//# sourceURL=app/js/myapp.js 

A partir de ahí, Chrome DevTools (y Firebug) procesarán esto como un "archivo real".

Much more explanation here y HTML5 Rocks tiene an article y una sourceURL demo.