Impossibile vedere il codice caricato dinamicamente in Strumenti per sviluppatori di Chrome 22

Question

Quando carico dinamicamente un snippet di html contenente javascript tramite AJAX, non riesco a vedere quel contenuto nella scheda di origine nella finestra degli strumenti di sviluppo in Chrome 22.0.1229.94. Significativamente, sono andato qui

https://developers.google.com/chrome-developer-tools/docs/scripts-breakpoints#js_dynamic

Questa pagina mostra una finestra di esempio gli strumenti di sviluppo, che non è aggiornato. C'è un pulsante nella pagina per caricare uno script dinamico e non compare nella scheda sorgente quando lo fai.

Come un work-around, ho trovato che l'aggiunta di

debugger; 

allo script e ricaricando causerà per mettere in pausa nel codice caricato in modo dinamico, ma purtroppo, tutti i numeri di riga sono in grigio e non è possibile impostare alcun punto di interruzione all'interno del debugger.

Mi manca qualcosa qui o cosa?

Grazie, Rob

Answer 1

È possibile utilizzare // @ SourceURL. Chrome sembra non supportare // @ sourceURL per gli script inline. Tuttavia, funziona sulle espressioni eval. This article fornisce ulteriori dettagli sulla denominazione di blocchi eval e sulla denominazione di eventuali funzioni anonime nel codice.

Invece di utilizzare eval, è possibile provare a incorporare un tag script o JSONP potrebbe essere.

Varunkumar Nagarajan

Answer 2

Quando si utilizza una libreria o codice javascript di aver caricato in modo dinamico, è possibile utilizzare la frase

//@ sourceURL=foo.js 

all'inizio del codice javascript che foo.js è il nome che verrà assegnato. debugger lo mostrerà con quel nome. Questo è vero in chrome, e penso anche a Firebug. In questo caso è possibile inserire un punto di interruzione nel codice javascript caricato dinamicamente.