Programmation JavaScript/Débogage

React.js

Erreurs connues

Programmation JavaScript

React.js

Erreurs connues

Afficher des objets

Pour afficher des objets non scalaires (équivalent du var_dump() de PHP) :

alert(JSON.stringify(monObjet1));

Débogage au sein d'un navigateur

Firefox

Firefox fournit une console d'erreur JavaScript (Menu "Outils" / "Console d'erreur")
Des extensions spécifiques permettent de faciliter le débogage du JavaScript :
- Venkman JavaScript Debugger^[1].
- Firebug pour Firefox, qui était indispensable avant que le navigateur intègre DevTools.

Un mode d'exécution pas à pas est ainsi possible dans l'onglet Débogueur (CTRL + Maj + S). En rafraichissant la page, il permet d'afficher les contenus des variables, sans avoir à placer des console.log() dans le code.

Chrome

Firebug pour Chrome.

Internet Explorer

Sous IE, dans les options avancées (Menu "Outils" / "Options Internet" / Onglet "Avancées"), décocher 2 options "désactiver le débogage de script". Si une erreur JavaScript est présente dans la page, une popup vous demandera si vous souhaitez ouvrir le déboguer de Microsoft (Microsoft Script Editor).

Ce navigateur vous dira ainsi, qu'il ne reconnait pas la fonction getElementsByClassName disponible dans d'autres navigateurs.

F12 lance le débogage de la page.

React & Redux

Il existe des modules de navigateur pour connaitre l'état des composants React :

React Developer Tools

Et pour suivre les changements d'état :

Redux DevTools

Références

↑ http://www.mozilla.org/projects/venkman/

Voir aussi

[1] ttp://www.mozilla.org/projects/venkman/

[1]