Installation de firebug

Firebug est un outil de développement disponible sous forme de plugin pour Firefox. Il permet d'analiser le code HTML généré par une page, le code CSS, le code Javascript, les informations DOM et bien plus.

Téléchargez le plugin correspondant à votre version de Firefox: site de Firebug.
L'installation du plugin se fait très facilement, il faudra seulement relancer votre navigateur.

Installation de firephp

Firephp est l'outil qui permettra d'afficher vos informations de débug dans la console de firebug.
Vous trouverez le plugin sur le site de Firephp.

Installation de la librairie Php

Via PEAR

Si vous avez accès à votre serveur, la manière la plus simple et d'installer la librairie gràce à Pear.

pear channel-discover pear.firephp.org
pear install firephp/FirePHPCore

1
2

sudo pear channel-discover pear.firephp.org
sudo pear install firephp/FirePHPCore 

Modifier votre fichier php.ini pour ajouter ou vérifier que l' "include_path" contienne le répertoire des fichiers PEAR.
Chez moi ça donne ceci

1

include_path = ".:/usr/share/php"

En téléchargent la librairie

Téléchargez la librairie disponible ici.
Extrayez le contenu du répertoire "lib/FirePHPCore/" dans un répertoire de votre site.

Utilisation de la librairie

Lançons les hostilités, ouvrez le fichier php que vous souhaitez déboguer.

Dans un premier temps il faut inclure la librairie php, et instancier la classe.

1
2

include('FirePHPCore/FirePHP.class.php');
$firephp = FirePHP::getInstance(true);

Vous pouvez maintenant utiliser la librairie sans modération

Messages de log:
Vous pouvez ajouter le code suivant où vous voulez pour afficher un message dans la console:

1
2
3
4
5

$firephp->log("Message simple");
$firephp->info("Message d'information");
$firephp->warn("Message d'avertissement");
$firephp->error("Message d'erreur");
$firephp->log("Message","Label optionnel");

Vous pouvez tout aussi afficher les variables que vous souhaitez via ces fonctions.

Les messages info, warn et error ont un petit pictogramme devant le texte dans la console comme vous pouvez le voir sur la copie d'écran suivante.

Traces:
Vous pouvez utiliser les traces pour avoir des informations sur le fichier, la ligne, la méthode, la fonction etc...

1

$firephp->trace("Label de trace");

Ce qui vous donne ceci:

Groupement:
Il est possible de regrouper vos logs de la manière suivante:

1
2
3
4
5
6
7
8
9

$firephp->group('Groupe 1');
$firephp->log('Message 1 du Groupe 1');
$firephp->log('Message 2 du Groupe 1');
$firephp->groupEnd();
 
$firephp->group('Groupe 2');
$firephp->log('Message 1 du Groupe 2');
$firephp->log('Message 2 du Groupe 2');
$firephp->groupEnd();

Ce qui donne ceci:

Conclusion

Voici une petite explication qui j'espère vous fera gagner du temps dans vos développements et vous permettra de fournir des contributions de qualité à la communauté du libre.

Je vous invite à aller voir le site de firephp pour en apprendre toujours un peu plus.

Illustration issue de http://www.dinosoria.com sous licence creative commons.