La DebugBar sous Internet Explorer

Tags , ,
18 janvier 2008 par Yohann CIURLIK

Je travaillais avec la librairie ExtJS sous Firefox pour un projet logiciel Intranet. Dans le sens où les postes de la société sont aussi bien sous Firefox que sous Internet Explorer, je me devais de tester la validité des pages sous IE.

Catastrophe! Bien que les pages soient valides, l’application ne fonctionnait pas. Les virgules en fin d’éléments dans le javascript sont très mal interprétées par IE. Comme dans l’exemple ci-dessous :

  1.  
  2. testFunc = function() {
  3.     return {
  4.         titlebar: true,                            
  5.         collapsible: true,  // <— BOOM goes the comma! :D
  6.     }
  7. }
  8.  

C’est là qu’intervient le fameux outil de débuggage du javascript d’ ExtJS nommé JSlint.

En fouinant un peu plus sur le forum, j’ai fini par trouver un outil de débugagge pour Internet Explorer nommé DebugBar.

  • DOM Inspector: Voir l’arbre DOM de la page et modifier les attributs des tags et des css à la volée pour tester votre page
  • HTTP Inspector: Voir les requètes HTTP/S des pages pour vérifier les cookies, les paramètres en GET et POST, voir les infos server
  • Javascript Inspector et Javascript Console: Voir toutes les fonctions javascript d’une page pour débugger plus facilement le code Javascript et AJAX de la page web
  • HTML Validator: Valider le code HTML d’une page directement pour optimiser son code HTML
  • Beaucoup d’autres fonctionnalités: Voir les cookies d’une page, récupérer la couleur d’un pixel, faire un screenshot une page web complète…

L’outil DebugBar est disponible gratuitement pour un usage personnel (59€ pour un usage en entreprise). Un outil bien pratique qui m’a rendu de grands services.

  • Digg
  • del.icio.us
  • Blogasty
  • blogmarks
  • BlogMemes Fr
  • Bluegger
  • Furl
  • MisterWong Fr
  • MSN-Reporter
  • Netscape
  • NewsVine
  • Nuouz
  • Scoopeo
  • StumbleUpon
  • Tapemoi
  • Technorati
  • Wikio
  • YahooMyWeb
  • Zataz
  • Reddit France
  • Tutmarks
  • Fuzz
Cet article vous a plu ? Abonnez-vous au blog par mail ou flux RSS : vous recevrez automatiquement les nouveaux billets !
Articles en relation :
Ajouter votre commentaire

5 commentaires pour ce post

  1. Charliend dit: 18 janvier 2008 à 17:36

    Oui! J’avais déjà remarqué le problème des virgules sous IE… Ca m’avait pris des heures à comprendre d’où ça venait!

  2. David dit: 18 janvier 2008 à 17:52

    Je suis pas un pro en JS, j’avais jamais vu des , en fin de ligne! C’est censé faire quoi ce bout de code? :-)

  3. Yohann CIURLIK dit: 18 janvier 2008 à 18:38

    C’est un exemple David mais tu trouves ce genre de code dans le paramétrage d’objets pour prototype ou extjs par exemple. Ce sont des propriétés de l’objet. Ici c’est donc une fonctione qui retourne deux propriétés pour un objet de la librairie ExtJs.

  4. Olivier dit: 18 janvier 2008 à 21:39

    Sauf erreur, c’est de la notation JSON : http://fr.wikipedia.org/wiki/JSON

    …et merci pour DebugBar, je test tout de suite ou presque. @+

  5. Tester votre site sous IE avec IETester | Le blog de Yohann CIURLIK | Spawnrider.Net :: Blog dit: 9 juin 2008 à 23:11

    [...] la Debug Bar, un outil hyper pratique de débuggage Javascript sous Internet Explorer, voici [...]

Laissez un commentaire



sideBarQA