Forum d'entraide PHPFrance

Bonsoir à tous,
Je suis actuellement en train de coder une toute petite application Web2.0...
C'est un petit système de rappel de tâches, le tout géré par javascript (méthodes ajax)...
Et j'ai beaucoup de problèmes à coder proprement (donc petite parenthèse, si vous aviez des petits conseils de ce côté là!!!! ), du coup il y a forcément des choses qui ne fonctionnent pas correctement....
Un petit exemple, je propose d'éditer directement les entrées de mon tableau de rappel, et je me rend compte que parfois (et pas tout le temps, c'est ce qui rend encore plus dur la chose) ce ne sont pas les bonnes entrées qui sont modifiées ou alors plusieurs entrées sont modifiées au lieu d'une seule (phénomène de débordement?)...
Bref tout ceci est bien abstrait j'en convient... Donc voici ma question, comment procédez-vous pour débbuguer vos applications un tant soit peu complexes (et par extension les applications ajax)?
Pour ma part, j'ai déja l'outil (je sais plus son nom) qui permet de voir les entêtes http en direct (sous firefox), je tient un log de toute les requêtes sql effectuées, je regarde les sources générée (par php et par javascript)....
Mais ça ne résoud pas tout!
Donc à votre bon coeur msieurs dames, une petite méthode/idée pour m'aider

Si besoin de plus d'infos, ne pas hésiter

Quand des fonctionnalités ont tendance à "partir en sucette" comme dans ton cas, et si je comprend vraiment plus rien à ce qui se passe, j'aurai tendance à (re-)faire comme ça :

1) Réfléchir au problème et à sa solution avant d'experimenter
2) Réfléchir au problème et à sa solution apres avoir experimenter
3) Développer avec des classes que tu testes au fur et à mesure (toi même, ou avec des frameworks de tests comme PHPUnit...)
4) debug_print_backtrace() est mon ami

Et sinon :
*) Vérifier que la config actuelle de PHP affiche bien tous les messages d'erreurs / Wanings (E_ALL)

En + des logs SQL


En ce qui concerne le debuggage des applications Ajax (Parce que bon, c'est un peu le sujet !), j'ai pas d'experience particulière, je suis encore assez réticent à utiliser JS, mais Firefox propose un plug-in pour contrôler l'execution des scripts JS, ça m'a déjà été utile...

Il faut être très rigoureux, le débugage en JS n'est pas vraiment facile, déjà rien que par le fait que bien souvent, il n'affiche aucune erreur du tout.

Sous ff, l'outil indispensable, c'est firebug. Tu vois les chargements qui se font en arrière-plan (ajax), le temps de chargement de chaque composant de ta page, et le script (ainsi que le style) en direct.

Dés qu'on manipule le DOM, dés qu'on fait des opérations un peu complexes, il faut être très rigoureux et savoir ce que l'on fait (et suivre l'héritage) pour ne pas voir son script s'exploser lamentablement.

Un bon outil que j'ai commencé à explorer pour coder en JavaScript, c'est Aptana Studio. Ça comprend bien des options dont celle de signaler en temps réel certaines erreurs de programmation ou plus simplement des éléments de codage stricts non respectés. J'ajoute pour les amateurs que ça peut même être intégré directement dans Eclipse, pour les autres ça peut être utilisé en application Stand Alone. Et c'est un outil libre

Salut,
pour faire de l'ajax le plugin indispensable de firefox est,comme mentionné plus haut, firebug.
Cela te permet de voir ce qui est envoyé à ton script de traitement et de visualiser la réponse de ce dernier (entre autres fonctionnalités).
Du coté du script tu peux ensuite utiliser console.log(message); ce qui te permettra de visualiser dans la console de firebug tes messages.

Personnellement j'utilise la librairie javascript prototype pour le développement javascript, elle permet de s'affranchir des contraintes liées aux différents navigateurs tout en offrant des fonctionnalités permettant de coder rapidement.
Bien sur le temps de prise en main est à prendre en compte mais une fois que l'on y à gouté il est difficile de revenir en arrière

Prototype n'est pas la seule librairie, il en existe d'autre comme jquery par exemple, après c'est une affaire d'affinité