2010-12-10 17 views
1

J'utilise la dernière version de Chrome (8.0.552.215).Déboguer le code jQuery dans une boîte de dialogue

J'ai une page Web avec un lien hypertexte qui, lorsqu'on clique dessus, ouvre une boîte de dialogue jquery et effectue un appel ajax qui renvoie le balisage HTML. l'appel ajax, en cas de succès, ajoute le balisage retourné à la boîte de dialogue.

Le balisage retourné contient également du code jquery à exécuter sur $(document).ready().

Comment puis-je déboguer ce code dans la boîte de dialogue?

EDIT:

J'ai ajouté la directive debugger; à mon script par la @Gaby répondre

$(document).ready(function() { 
    $("#myTabs").tabs(); 

    debugger; 

    var auth = "<% = Request.Cookies[FormsAuthentication.FormsCookieName]==null ? string.Empty : Request.Cookies[FormsAuthentication.FormsCookieName].Value %>"; 

Mais malheureusement, lorsque le débogueur arrête à la directive, je ne suis pas en mesure de voir la code qui exécute

alt text

Répondre

3

Définissez la directive debugger; dans votre code pour appeler le débogueur à un point spécifique. vous devez avoir les outils de développement ouverts: (. Pour référence ultérieure rappeler que cela fonctionne avec Firebug pour Firefox et)Ctrl + Maj + j

Have un regard sur http://www.nsbasic.com/app/technotes/TT10.htm#tracing


Mise à jour Après les commentaires et la mise à jour à la question.

Je ne pense pas que vous pouvez afficher le code dans le débogueur comme dans la mémoire ..

Un lourd alternative serait l'utilisation console.log(..) pour les pièces que vous souhaitez déboguer.

+0

pouvez-vous s'il vous plaît élaborer plus sur ceci? Je ne connais pas cette directive ... merci! – Lorenzo

+0

@Lorenzo, vous mettez 'debugger;' dans votre script. C'est en fait un point d'arrêt programmatique. Ainsi, chaque fois que l'exécution atteint cette ligne, elle arrête l'exécution et produit le débogueur, et vous pouvez continuer avec les actions normales de débogage. Donc, vous pouvez le mettre dans le script qui vient de l'appel ajax. –

+0

s'il vous plaît jeter un oeil à mon édition. Le débogueur s'arrête correctement à la directive mais il ne me montre pas le code d'exécution réel. Peut-être parce que le code a été ajouté dinamiquement au DOM? – Lorenzo