Bienvenue à Blogs CodeS-SourceS Identification | Inscription | Aide

Actualités

  • Blog de Cyril DURAND, passionné de JavaScript, Ajax, ASP.net et tout ce qui touche au developpement Web Client-Side.

    View Cyril Durand's profile on LinkedIn

    hit counters

Debugger du code JavaScript avec Visual Studio en vidéo

De nombreuses personnes me demandent comment débugger du code JavaScript/Ajax, Dan Walhin vient justement de poster une très bonne vidéo sur le sujet :

Video : Debugging ASP.net Ajax Application with Visual Studio 2005 

Je vous recommande vraiment de prendre 5 min pour regarder cette vidéo si vous pensez que le mot debug et JavaScript sont incompatible.

Les principaux points à retenir sont :

  • la modification des options de Internet Explorer pour autoriser le debuggage de script :
    Tools > Internet Options > Advanced > décocher les cases "Disable script debugging (Internet Explorer)" et "Disable script debugging (Other)"

    >> J'en avais parlé ici : Débugger du JavaScript avec Visual Studio 2005

  • Utiliser le mot clé debugger; ou l'instruction debug.fail disponible avec Microsoft Ajax Extension (nom de code "Atlas")

  • Si vous avez le message "There is no source code available for the current location" lorsque vous debuggez (coucou fox :)), cela vient du ScriptManager qui inclut les fichiers JavaScript automatiquement et pour des raisons x et y cela pose problèmes. Pour le résoudre il suffit d'afficher les scripts présents dans IE en allant dans :
    Debug > Windows > Script Explorer

    Untitled.jpg 

Pour info, voici les outils que j'utilise couramment pour debugger du JavaScript :

Posted: samedi 2 décembre 2006 01:22 par cyril
Ce post vous a plu ? Ajoutez le dans vos favoris pour ne pas perdre de temps à le retrouver le jour où vous en aurez besoin :

Commentaires

FREMYCOMPANY a dit :

Lol, j'utilise les mêmes outils ;)

Juste que j'utilise à la place de notepad2, que je ne connais pas, je préfère l'utilisation de NotePad++, qui en plus de s'intégrer parfaitement à windows (il remplace le bloc note en toute occasion, même quand on fait "voir la source" dans IE) permet de choisir sont langage, gère le JS et le ASP (ou PHP) dans le HTML, donne une liste de fonction, referme les TAGS HTML pour nous, peut, si on le désire, insérer la basse fermante } dans le code, met en relief les différentes paires de (, [ et {, permet de choisir les couleurs et polices de colorations, ...

Sinon, il faut bien reconnaire que FireBug est excellent et dépasse, à mon sens, le débogage via VS 2005...

# décembre 2, 2006 11:07

FREMYCOMPANY a dit :

Oops, désolé pour les fautes d'orthographe...

Je me fait honte là... Lol, ben c'est par ce que je tape vite xD

# décembre 2, 2006 11:12
Les commentaires anonymes sont désactivés
Les 10 derniers blogs postés

- ssdl view et TPT par Matthieu MEZIL le il y a 10 heures et 34 minutes

- L'injection SQL n'est PAS un problème QUE pour les développeurs web ! par CoqBlog le il y a 11 heures et 30 minutes

- Un outil pour réaliser des animations WPF basées sur des équations de Bézier par Perspective le il y a 14 heures et 53 minutes

- Sandcastle et CodePlex : le verdict par CoqBlog le il y a 15 heures et 44 minutes

- ssdl view et TPH par Matthieu MEZIL le il y a 17 heures et 26 minutes

- Webcasts sur le Parallel Framework disponibles par Matthieu MEZIL le il y a 19 heures et 12 minutes

- [Silverlight] - Comprendre et Débuter avec Silverlight par Danuz le il y a 23 heures et 57 minutes

- SharePoint : Nouvel article sur l'exportation et Importation de sites SharePoint par Blog Technique de Romelard Fabrice le 07-04-2008, 01:00

- ImagineCup 2008 Final in Paris: Day 1 par Richard Clark le 07-03-2008, 22:48

- PowerShell : Comment utiliser un ENUM .NET dans un script PowerShell par Blog Technique de Romelard Fabrice le 07-03-2008, 18:09