Introduction
Il est possible d'effectuer du débogage du JavaScript de plusieurs façons. La méthode ayant tracé les traces de tout le monde, c'est Firebug ! Si vous utilisez le plugiciel FireBug de Firefox et que vous aller dans l'onglet «Console», vous pouvez taper des commandes comme «console.debug(Math.abs(1));» à côté du prompt «>>>». Maintenant, sous FireFox, Chrome et IE, il est possible en cliquant sur la touche F12 d'accéder à un outil de développeur offrant les fonctionnalités de débogage basé sur le même principe.
| Firefox | Chrome | IE |
|---|---|---|
 |
 |
 |
Une fonction de «VAR_DUMP» de style PHP en JavaScript
Il peut arriver que les outils de débogage traditionnel ne suffisent pas et que vous devez délibérément inclure le résultat de vos débogage dans votre code source de JavaScript. Malheureusement, i n'existe pas de fonction natif pour tous les navigateurs Web permettant de visualiser le contenu d'une variable JavaScript. Cependant, la flexibilité du langage permet d'obtenir malgré tous les informations nécessaires à sa construction. Ainsi, si vous avez besoin de faire un «var_dump» manuellement dans votre page, vous un exemple d'une fonction permettant d'effectuer ce genre de travail :
- <script type="text/javascript">
- var addthis_config = {
- data_ga_property: '{{google_analytics_account_site}}',
- data_ga_social : true,
- ui_language: "fr"
- };
- </script>
-
- <script type="text/javascript">
- function var_dump(obj) {
- var output = "var ";
- for (var key in window) {
- if (window[key] === obj) {
- output += key;
- break;
- }
- }
- output += " = {<br />";
- var first = true;
- for (var i in obj) {
- if(!first) output += ",<br />";
- output += " " + i + ": '" + obj[i] + "'";
- first = false;
- }
- output += "<br />};";
- document.write(output);
- }
-
- var_dump(addthis_config);
- </script>
et vous obtiendrez le résultat suivant :
var addthis_config = {data_ga_property: '{{google_analytics_account_site}}',
data_ga_social: 'true',
ui_language: 'fr'
};