sept 07 2008

Firebug - Détéction et Console

Catégorie : Firebug — Julien - 16:10

Introduction

Qui dit PHP dit connexion XHR en JavaScript (ou Ajax, merci la lessive…), et qui dit dialogue entre client et serveur revient à dire détécter et logguer les erreurs.

Détecter Firebug

Tout d’abord, il est très important de détecter Firebug, pour la simple raison que pas de Firebug, pas de console.

  1. if(typeof(window[‘console’]) != ‘undefined’)
  2. {
  3.   alert(‘Firbug est actif.’);
  4. }

Fonction d’aide aux logs

  1. if(typeof(window[‘console’]) != ‘undefined’)
  2. {
  3.   log = function(content, level)
  4.   {
  5.     if (level === undefined)
  6.     {
  7.       level = ‘warn’;
  8.     }
  9.     switch (level)
  10.     {
  11.       case ‘info’: console.info(content); break;                               
  12.       case ‘warn’: console.warn(content); break;                               
  13.       case ‘error’: console.error(content); break;                     
  14.       case ‘log’: default: console.log(content); break;
  15.     }
  16.     return true;
  17.   };
  18. }
  19. else
  20. {
  21.   log = function()
  22.   {
  23.     alert(‘Unable to log in console because Firebug is disable.’);
  24.   }
  25. }

Logguer vos messages d’erreurs

  1. // Pour une Information
  2. log(‘This page is loaded’, ‘info’);
  3.  
  4. // Pour une attention particulière
  5. log(‘Unable to load this page’, ‘warn’);
  6. log(‘Unable to load this page’);
  7.  
  8. // Pour une erreur
  9. log(‘Just one part off this page is loaded’, ‘error’);
  10.  
  11. // Pour écrire quelque chose dans la console (exemple un test)
  12. log(‘This user is Julien BREUX’, ‘log’);

Voici le résultat dans la console Firebug

Note Importante

Lorsque vous déclarez une erreur dans la console FireBug, celle-ci est réellement affichée comme une erreur:

N’hésitez pas à m’envoyer vos commentaires, ça fait toujours plaisir ;-)

Tags: ,