Forum Astuces.divers [Web/Mozilla] Editer à la volée le CSS de la page en cours dans Mozilla

Posté par Ramso le 24 novembre 2003 à 18:28.

Étiquettes : aucune

nov.

2003

http://editcss.mozdev.org/

Ajoute une sidebar qui affiche le CSS de la page en cours. L'affichage est brut mais il faut dire que cette extension est encore jeune.

Attention, le contenu affiché provient des fichiers importés par la balise <link>, ça ne fonctionne pas avec @import dans <style>.

Maintenant, si vous modifiez une valeur, vous verrez le résultat immédiatement dans Mozilla/Firebird.

# Re: Editer à la volée le CSS de la page en cours dans Mozilla

Posté par Julien Wajsberg le 09 décembre 2003 à 19:38. Évalué à 1.

On peut faire la meme chose avec le DOM Inspector également.
- [^] # Re: Editer à la volée le CSS de la page en cours dans Mozilla
  
  Posté par Blackknight (site web personnel, Mastodon) le 18 mars 2004 à 11:11. Évalué à 1.
  
  On peut insérer de nouveaux éléments avec le DOM Inspector ?
# Re: Editer à la volée le CSS de la page en cours dans Mozilla

Posté par Aurélien Maille le 26 janvier 2004 à 12:24. Évalué à 1.

Ne fonctionne pas non plus avec l'instruction de traitement xml-stylesheet.
# Re: Editer à la volée le CSS de la page en cours dans Mozilla

Posté par Piot Hugues le 11 mars 2004 à 08:11. Évalué à 1.

http://www.chrispederick.com/work/firefox/webdeveloper/(...) le fait aussi et pleins d'autres choses
- [^] # Re: Editer à la volée le CSS de la page en cours dans Mozilla
  
  Posté par Christophe Merlet (site web personnel) le 19 mars 2004 à 11:47. Évalué à 1.
  
  Ca sert à quoi d'avoir ça dans firefox ?
  FireFox n'est pas censé être "léger" ?
  
  Si c'est pas le cas autant utiliser Mozilla qui intégre aussi un éditeur de page Web d'excellent facture.
  - [^] # Re: Editer à la volée le CSS de la page en cours dans Mozilla
    
    Posté par Talou (site web personnel) le 03 avril 2004 à 20:09. Évalué à 1.
    
    Hum, ça sert à ceux qu ien ont envie...
    Il se trouve que le système des sidebar ne fonctionne pas pareil dans mozilla seamonkey... Peut-être un jour editcss marchera avec mozilla... WebDevelopper de Chris , lui, permet de le faire je crois avec mozilla (je n'ai pas testé).
    
    Sinon, il suffit d'utiliser directement le bookmarklet sur lequel je me suis basé : http://www.squarefree.com/bookmarklets/webdevel.html#edit_styles(...)
# Recherche

Posté par GaGadget le 23 novembre 2005 à 09:53. Évalué à 1.

J'ai pas l'impression qu'il y ait une fonction de recherche dans la CSS ?
# Firebug

Posté par almacha le 23 février 2008 à 09:37. Évalué à 1.

J'en profite pour recommender l'excellent Firebug qui permet d'éditer le CSS, l'HTML d'une page, de consulter l'arbre DOM. Il affiche également les erreurs de script et affiche les règles CSS qui s'appliquent pour chaque élément (et barre celles qui sont masquées).

https://addons.mozilla.org/en-US/firefox/addon/1843

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.