Installer Web Developer Toolbar

Posté par Demolite le Dimanche 2 novembre 2008 Dans Logiciels, Tuto en vidéo 499 Lectures

Web Developer Toolbar est une extension Firefox…C’est une formidable boite à outils pour manipuler ou simplement regarder les pages web et celles des blogs…

On peut donc :

  • Voir et modifier les CSS (avec aperçu en temps réel) de n’importe quelle page
  • Désactiver complètement les CSS
  • Examiner le style CSS s’appliquant à un élément particulier (affiche également les styles CSS hérités)
  • Manipuler les formulaires (convertir POST en GET et inversement, modifier la taille des champs, etc.)
  • Afficher les informations sur toutes les images (attributs alt, taille, dimensions…)
  • Afficher les ancres du document, montrer les frontières entre éléments (DIV, tables…)
  • Voir les commentaires HTML
  • Valider la page (validateur W3C HTML, CSS, validateurs WAI..)
  • Permettre le redimensionnement des frames
  • Mettre la fenêtre de Firefox à une taille précise (800×600, etc.)
  • Activer et désactiver java, javascript, HTTP Referer, cache…
  • Manipuler les cookies, les désactiver par domaines, etc…
  • Et bien d’autres !

Cette barre vous permettra de faire des changement en direct sur votre blog dans la feuille de style avec un effet immédiat à l’écran…il suffit ensuite de faire un copier de la feuille de style remanié et de la coller à la place de la votre.

Si vous n’utilisez pas encore Firefox, c’est le moment de vous débarrasser de votre vieil Internet Explorer inutile !!!
Et d’installer cette barre magique !

Sans_titre_1

Et oui…comment croyez-vous que je me procure vos feuilles de style pour trouver les erreurs qu’il y a dedans ?
Non… je n’ai pas de don de voyance…déçu ?

Vous pouvez télécharger la version française sur ce site : http://joliclic.free.fr/mozilla/webdeveloper/ c’est la première ligne :

Web Developer 1.1.4 fr-FR pour Firefox

Démonstration :

Laisser un commentaire



:wink: :-| :-x :twisted: :sou: :) 8-O :( :rond: :roll: :ri: :-P :r: :oops: :oh: :-o :mrgreen: :motus: :moi: :mo: :m: :lol: :l: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!: