Kodono » Debug

Comment déboguer son code Javascript ? [programmation]

Aymeric — Fri, 19 Aug 2011 14:04:19 +0000

Évidemment vous pouvez utiliser Firebug (add-on Firefox) pour trouver les problèmes dans votre code, que ce soit des erreurs de syntax (syntax error) ou autre. Même s’il semble qu’avec la version de Firebug 1.8.x l’information fournie ne soit plus autant utile (mais espérons que ce ne soit que temporaire).

Il existe des sites web qui fournissent un débogage du Javascript, et mon préféré est http://www.javascriptlint.com/. Il vous montrera rapidement ce qu’il ne va pas dans ce que vous avez entré : oubli de parenthèse, de point-virgule, mauvaise déclaration, …

De plus si vous utilisez Notepad++ ou un autre éditeur, il est facile d’adjoindre la puissance de JSLint à votre programme préféré. Dans ce thread on vous explique tout.
En l’occurrence voici comment faire pour Notepad++ :

Télécharger la version pour Windows, puis dézippez le fichier;
Maintenant ouvrez Notepad++, puis dans le menu Plugins vous trouvez NppExec, et après Execute… (ou touche F6);
Dans la zone qui apparait entrez la commande suivante (en supposant que vous ayez mis le fichier dézipppé dans « C:\Program Files\JavascriptLint\ ») :
"C:\Program Files\JavascriptLint\jsl.exe" -conf "C:\Program Files\JavascriptLint\jsl.default.conf" -process "$(FULL_CURRENT_PATH)"
Cliquez sur « Save… » et donnez un nom à cette commande;
Vous pouvez désormais utilisez JSLint directement dans Notepad++
Dans le fichier jsl.default.conf vous trouverez les options et les warnings à supprimer

IE8 Developer Toolbar qui ne s’affiche plus [astuce]

Aymeric — Wed, 17 Aug 2011 09:20:29 +0000

Avec Internet Explorer il est possible d’utiliser un débogueur qu’ils nomment « IE Developer Toolbar ». C’est très peu puissant, mais quand on doit travailler sur ce navigateur ça peut être utile…

Pour l’activer il faut appuyer sur la touche F12, seulement, dans mon cas, même si elle apparaissait bien dans la liste des fenêtres ouvertes, quand je cliquais dessus rien ne se passait : elle ne s’ouvrait pas ! La solution consiste à faire un SHIFT + Clic Droit sur la fenêtre puis choisir « Maximize » (ou « Agrandir » en français), et là votre Developer Toolbar va s’ouvrir en grand. Les pré-réglages étant mauvais, la fenêtre s’ouvre dans un étrange mode.

Simple, mais il fallait y penser…

Débogage Javascript et PHP dans Firebug [Programmation]

Aymeric — Thu, 16 Apr 2009 06:28:47 +0000

[niveau: expert]

Sur l’excellent blog Ajaxian je viens de découvrir qu’il existe un plugin au module Firebug (dont je parlais justement hier) qui permet de déboguer du PHP en console ! Cette petite merveille se nomme FirePHP et m’a l’air prometteur au vue des images:

Je ne code actuellement pas en PHP, mais je dois bientôt retravailler sur un projet avec ce langage, je pourrai alors vous en dire un peu plus !

A noter qu’il existe d’autres moyens de débugguer, comme PHP Quick Profiler (en).