Firebug

[Seren]

C'est un plugin pour Firefox qui permet de gagner énormément de temps pour débugguer son code.

Parmi les possibilités:
- Observer les paquets HTTP pour charger votre page, avec leur taille, les en tête et leur temps de chargement. Intéressant pour voir ce qui ralentit le chargement d'une page et en quelle proportion.
- un débugguer javascript qui permet d'observer le contenu des variables à tout instant. Il vous prévient si il y a des erreurs dans vos scripts au chargement. (un peu comme la console)
- Pour le CSS vous pouvez inspecter chaque élément de votre page, et il vous explique quelles propriétés sont utilisés, lesquelles ils héritent etc...
Et une option vraiment génial, vous pouvez éditer votre fichier CSS et en temps réél votre mise en page est modifié ! ça évite de recharger trois fois une page pour modifier juste le style !

Il y a vraiment tout ce dont vous avez besoin pour développer un jeu
Je m'en sers depuis à peine une semaine, mais je suis déjà accro, et à mon avis je me sers que de dix pour cent des possibilités.

Et combien il faut payer pour ça ? C'est absolument GRATUIT !

http://www.getfirebug.com/

[joshua]

salut seren, tu pourrais nous faire un petit tuto rapide sur son utilisation?
Merci ^^
Je l'ai mis dans la liste de ogiciels que j'ai publiée hier soir, je l'ai installé mais pas encore testé (surtout qe pour le moment je ne fais que de l'objet...)

[icien]

j'utilise ce plugin depuis assez longtemps et la nouvelle version est excellente, tu fais bien de le conseiller.

[Seren]

Pour le tutoriel c'est vraiment intuitif comme utilisation.

Une fois installé il faut aller dans Outils->Firebug.

Enable Firebug (par défaut dans la meme fenetre, mais tu peux aussi l'afficher dans une nouvelle fenêtre.)

Ensuite il suffit de recharger une page quelconque. Il y a un onglet pour les différentes choses à observer : HTML, Console, CSS...

Il suffit de les selectionner pour avoir toutes les informations relative au sujet.

[Dahen]

Je découvre aussi, effectivement, ça vaut des points...

[Mysterarts]

marrant, je l'ai téléchargé hier, grace à joshua, ce me semble, et j'ai remarqué qu'il avait l'air pas mal : et maintenant, j'en suis sur !

[Enyrian]

Dans le même genre, je me sers aussi d'une autre extension qui gère vraiment tout, il s'agit de WebDevelopper
http://joliclic.free.fr/mozilla/webdeveloper/

Enormément de possibilités, il permet de tout tester d'une page
Quelques exemples:
- Désactivation des cookies, javascript, cache...
- Modification des cookies (ajout, suppression, modification)...
- CSS: édition en temps réel, suppression du CSS...
- Formulaires: modification, rendre visibles/inscriptibles/illimités en écriture tous les champs, Conversion POST->GEt et inversement, conversion "select" en "input text"...
- Images: suppression, propriétés, mise en arrière plan, invisibilité...
- Informations sur le document
- Loupe, outil de mesure des pixels, rendus sur petits écrans/faibles résolutions
- Edition du HTML
- Validation directe par la W3C (pour HTML, CSS, Flux, liens, Section 508, WAI)
- Rapport de vitesse
- Console d'erreurs
...

Je l'utilise pour tout tester sur mon site, en matière de sécurité...
Je ne sais pas si il a déjà été abordé, mais bon ...

Tchow =)

[Sephi-Chan]

Oui on en a pas mal parlé, notamment suite au hack d'un jeu par des membres du forum. Il est vrai qu'il permet d'éprouver une bonne partie de la sécurité du site.


Sephi-Chan

[Nodark]

Dans le même genre, je me sers aussi d'une autre extension qui gère vraiment tout, il s'agit de WebDevelopper
http://joliclic.free.fr/mozilla/webdeveloper/

Enormément de possibilités, il permet de tout tester d'une page
Quelques exemples:
- Désactivation des cookies, javascript, cache...
- Modification des cookies (ajout, suppression, modification)...
- CSS: édition en temps réel, suppression du CSS...
- Formulaires: modification, rendre visibles/inscriptibles/illimités en écriture tous les champs, Conversion POST->GEt et inversement, conversion "select" en "input text"...
- Images: suppression, propriétés, mise en arrière plan, invisibilité...
- Informations sur le document
- Loupe, outil de mesure des pixels, rendus sur petits écrans/faibles résolutions
- Edition du HTML
- Validation directe par la W3C (pour HTML, CSS, Flux, liens, Section 508, WAI)
- Rapport de vitesse
- Console d'erreurs
...

Je l'utilise pour tout tester sur mon site, en matière de sécurité...
Je ne sais pas si il a déjà été abordé, mais bon ...

Tchow =)

En effet il est très utile

[shlikah]

Web Developper est effectivement très utile, mais chez moi, il me fait ralentir considérablement puis planter Firefox, notamment lors de l'utilisation des onglets (impossibilité de passer d'un onglet à un autre surtout, sauf en cliquant 40 fois...) et pourtant tout mon pc tournait correctement et toutes mes applis fonctionnaient au même moment...

Ca doit venir d'une incompatibilité... de chépa-ou... parce que au taff, j'ai pas de souci, et pourtant j'ai Firefox et WebDevelopper tout pareil... ça doit tenir du vaudou...