IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Affichage des résultats du sondage: Utilisez vous Firebug?

Votants
3. Vous ne pouvez pas participer à ce sondage.
  • A chaque fois que je programme

    1 33,33%
  • Souvent

    1 33,33%
  • De temps en temps

    0 0%
  • Très rarement

    0 0%
  • Jamais, c'est inutile

    1 33,33%
Téléchargez Discussion :

Firebug: Un outil web indispensable


Sujet :

Téléchargez

  1. #1
    Rédacteur
    Avatar de David55
    Homme Profil pro
    Ingénieur informatique
    Inscrit en
    août 2010
    Messages
    1 542
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Ingénieur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : août 2010
    Messages : 1 542
    Points : 2 805
    Points
    2 805
    Par défaut Firebug: Un outil web indispensable
    Firebug est un module à ajouter pour Firefox.
    Il est téléchargable ici.

    Il permet de visualiser le code d'une page web et de le modifier afin de voir les changements directement sur le navigateur.
    Il y a la possibilité de visualiser les performances d'une page web.
    De plus, il reconnait les language HTML, CSS et javascript.

    Cette application est utilisée par les débutants et les professionnels.

    Utilisation:

    Une fois le module téléchargé et installé, cliquez sur l'icone (forme de mouche) en bas à droite de l'écran.
    Ceci vous fera apparaitre un petit écran. Sur ce dernier, on peut voir qu'il est séparé en deux: Partie HTML et partie CSS.
    Afin de rechercher le code d'une partie de la page, utilisez le petit carré bleu pointé par une flèche et séléctionnez la partie à observer.
    Le code HTML changera et vous affichera directement ce dont vous cherchez!
    Plus interresant encore, vous pouvez séléctionner le bloque de texte HTML puis cliquez sur "Editer" afin de modifier le code en direct.


    Pour le javascript, quel bonheur pour nous! Firebug interprête le javascript et ceci nous permet de ne pas poluer notre code avec des alert() pour voir d'où viens un bogue!
    De la même manière vous pouvez modifier le code CSS dans la partie de droite.
    Cette partie est très intelligente. Il vous suffit de taper une lettre d'un mot clé CSS puis d'appuyer sur la flèche du haut ou du bas pour trouver le mot recherché.
    Ceci est pratique lorsque vous avez oublié comment ce nomme un mot CSS ou lorsque vous recherchez une couleur.
    Plus encore, au sujet des tailles, il vous suffit d'augmenter ou de diminuer une taille avec les flèches haut et bas pour voir le changement directement. Ceci est un gains de temps incroyable!
    Au dessus de chaque classe CSS, vous avez la possibilité de cliquer sur la feuille de style la contenant pour voir toutes les autres classes.
    De plus, le code est bien indenté ce qui facilite la recherche ou la modification de code.

    L'onglet DOM (Document Object Model) représente la hiérarchie des objets et des fonctions.

    Bien entendu, cet outil présente bien d'autre fonctionnalité que je vous laisse découvrir.

    Voici un lien, pour ceux qui veulent plus de détail: Maîtriser l'indispensable extension Firebug pour Firefox

    Note: Chrome possède lui aussi Firebug mais il est un peu moins puissant.


    Qu'en pensez vous?

  2. #2
    Responsable Jeux-Concours

    Avatar de vermine
    Profil pro
    Inscrit en
    mars 2008
    Messages
    6 491
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : Belgique

    Informations forums :
    Inscription : mars 2008
    Messages : 6 491
    Points : 77 529
    Points
    77 529
    Par défaut
    Bonjour,

    Je ne m'en sers pas mais je n'irai pas jusqu'à dire que c'est inutile. Que du contraire. Ca facilite le développement et "il était temps" qu'un outil de la sorte apparaisse.

Discussions similaires

  1. Différence entre les outils web.
    Par damien77 dans le forum Développement Web en Java
    Réponses: 4
    Dernier message: 11/04/2007, 11h50

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo