begin process at 2010 03 19 10:36:16
  Trouver un code source :
 
dans
 
Accueil > 

Tutoriels

 > 

Trucs & Astuces

 > COMMENT POUVOIR DÉBUGGER DU CODE JAVASCRIPT (AVEC POINTS ARRÊTS ET PAS À PAS)

COMMENT POUVOIR DÉBUGGER DU CODE JAVASCRIPT (AVEC POINTS ARRÊTS ET PAS À PAS)


 Information sur le tutoriel

Note :
Aucune note


 Description

présente la démarche et outils à installer pour pouvoir débogger "confortablement" (points arrêts,fenêtres variables locales,...,pas à pas,..) du code JavaScript comme on le fait avec VB.NET par ex

Tutorial

JavaScript >

Débugger son code JavaScript (avec points arrêts et pas à pas)

 

1-      Installer Microsoft JavaScript debugger

http://www.microsoft.com/downloads/details.aspx?FamilyID=2f465be0-94fd-4569-b3c4-dffdf19ccd99&DisplayLang=en

 

2-      Dans les options avancées d’internet explorer IE6

è Décocher « désactiver le débogage des scripts (autres applications) » et « désactiver le débogage des scripts (internet explorer »

(Sinon les points d’arrêts seront sautés comme s’ils n’existaient pas)

 tuto1.jpg

 

3-      Outils de débogage :

A – Microsoft script debugger : lorsqu’une erreur JavaScript est détectée que ce soit sur une de vos pages en test ou sur une page quelconque parcourue,

à DANS IE : Une boite de dialogue apparaît demandant si vous désirez déboguer, si vous acceptez vous vous retrouvez dans Microsoft script debugger ;

La commande « debugger ; » permettra automatiquement d’arrêter l’exécution de la page et lancer le débogage avec Microsoft script debugger si vous l’insérez

à DANS FIREFOX : vous pouvez installer le plug-in Venkman JavaScript debugger qui fonctionne comme Microsoft script debugger (cad automatiquement lancer en cas erreur sur une page avec possibilité instruction « debugger ; »)

B – Frontpage 2003 : FrontPage contient un outil de qualité pour débugger > Microsoft script editor qui permet réellement de visionner son code JavaScript en action et de le maitriser ; si des composants manquent pour lancer le débogage logiquement ils seront installés dans un premier temps

tuto2.jpg

 

(de plus Frontpage 2000 doit posséder également une version antérieure de Microsoft script debugger, et à savoir que Microsoft expression interactive web designer devrait permettre également de déboguer avec, de même SharePoint designer, qui tous deux proposent une IntelliSense poussée pour le JavaScript > http://www.microsoft.com/products/expression/en/web_designer/wd_free_trial.aspx )

C – Visual studio 2005 : permet également de déboguer son code JavaScript une fois les étapes précédentes effectuées ; mais comme l’IDE est plus tourné vers les pages ASP.NET il lance son serveur local

http://www.microsoft.com/france/msdn/vstudio/express/vwdexpress.mspx

 

4- il existe également une barre assez pratique pour observer le code, les scripts des pages parcourues dans IE >

http://www.debugbar.com/download.php

la console JavaScript de Firefox peut également servir .

 

 

Voila ++

Commentaires

Commentaire de marcotte le 08/02/2009 05:15:53

Très bien pour ce tuto^^
Mais il est réservé aux utilisateurs d'IE :/
Pour Firefox, c'est le logiciel "firebug" voir un autre tuto de ce site^^

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,203 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales