- Accueil
- Info légales
- Aide (FAQ)
- Les tags de ce site
- Bloc note
- Articles techniques
- Notes system
- Divers articles
- Drupal
- Notes ITIL 2007
- Notes MS
- Dans le quartier...
- Emploi
- Recettes de cuisine et adresses gourmandes
- mes applis ubuntu préferées
- Divers acronymes du monde social
- Internet 2018
- P2 meublé à louer - quartier du Poteau 75018
- apcos - réseaux sociaux et outils
- Articles techniques
- Divers liens
- Fun
- Mon CV IT
- Nouveautés
Firebug, plugin firefox pour drupal
Firebug est un plugin pour firefox, semblable à web developper ou DragonFly (intégré à opera). F12 pour l'afficher.
Si le site drupal a le module Drupal for Firebug (drupalforfirebug) configuré, le navigateur aura l'onglet "drupal" fonctionnel.
Il existe aussi FireCompass for Firebug 2.0 pour l'aide Compass/SASS
onglet css
Le bouton CSS présente une liste: "Expand ShortHand Properties" permet une meilleur lisibilité (par ex les padding- 1 par ligne, au lieu de tout sur 1 ligne).
A gauche, 2 genres de mode d'édition (modification): soit en Source Edit = le fichier d'origine (avec commentaires) ; soit en Live Edit = vu par le browser (reformatté, sans commentaires).
Juste à sa droite (liste nommée comme node) "CSS Location Menu": tapper le nom du modèle pour restreindre la liste des feuilles de styles.
Un clic droit sur un style.
Clic droit / "Get matching element" affiche sur le panneau de droite "Selectors" , y faire un clic droit pour voir le menu, 1 clic gauche envoie à l'onglet HTML (au bon endroit).
Doc officielle à https://getfirebug.com/wiki/index.php/CSS_Panel
onglet html
A droite, les styles (ici, on a ouvert une page book, dont en bas, on a sélectionné la navigation du livre => book.css du module du core).
Ce bouton présente une liste, dont:
* "Expand ShortHand Properties"
* "Only Show applied styles"
qui permettent une meilleur lisibilité.
Pour chrome : https://chrome.google.com/extensions/detail/imlijcpfmhmifofiihbofoamohkdbblc
DL la dernière version du plugin (pour firefox) à https://bitbucket.org/frob/drupalforfirebug/downloads
Fichier attaché | Taille |
---|---|
firebug.png | 19.9 Ko |