Pourquoi ne puis-je pas enregistrer les modifications apportées aux CSS dans Firebug ?

Question

Firebug est l'outil le plus pratique que j'aie trouvé pour modifier les feuilles de style en cascade (CSS). Alors pourquoi n'y a-t-il pas une simple option "Enregistrer" pour les CSS ?

Je me retrouve toujours à faire des ajustements dans Firebug, puis à revenir à mon fichier .css d'origine et à reproduire ces ajustements.

Quelqu'un a-t-il trouvé une meilleure solution ?

EDIT : Je suis conscient que le code est stocké sur un serveur (dans la plupart des cas, pas le mien), mais je l'utilise pour construire mes propres sites web.

Firebug utilise simplement le fichier .css téléchargé par Firefox depuis le serveur, il sait précisément quelles lignes de quels fichiers il modifie. Je ne vois pas pourquoi il n'y a pas d'option "exporter" ou "enregistrer", qui vous permette de stocker le nouveau fichier .css. (Avec lequel je pourrais ensuite remplacer le fichier distant).

J'ai essayé de chercher dans des emplacements temporaires, et de choisir Fichier > Sauvez... et j'ai expérimenté les options de sortie sur Firefox, mais je n'ai toujours pas trouvé de solution.

EDIT 2 : Le groupe de discussion officiel a beaucoup de questions mais pas de réponses.

Answer 1

FireFile

Firebug a été créé pour détecter un problème et non pour être un débogueur. Mais vous pouvez sauvegarder les modifications si vous ajoutez un nouvel outil qui intègre firebug avec la sauvegarde des modifications. Il s'agit de FireFile, cliquez ici. http://thelistoflist.blogspot.com/2010/04/how-to-save-change-you-make-in-firebug.html .

FireFile fournit la fonctionnalité souhaitée en ajoutant un petit fichier PHP du côté du serveur.

Answer 2

Je suis l'auteur de CSS-X-Fire, dont Sorin Sbarnea a également parlé dans ce fil de discussion. Je suppose que je suis un peu en retard ;)

CSS-X-Fire émet les modifications des propriétés CSS de Firebug vers l'IDE où les modifications peuvent être appliquées ou rejetées.

Cette solution présente plusieurs avantages par rapport à la plupart des autres outils existants qui ne connaissent que les noms de fichiers et le contenu téléchargé par le navigateur (voir le commentaire de NickFitz dans le billet original).

Scénario 1 : vous avez un site Web (projet) qui comporte une poignée de thèmes parmi lesquels l'utilisateur peut choisir. Chaque thème a son propre fichier CSS, mais Firebug n'en connaît qu'un seul, celui qui est en cours. CSS-X-Fire détectera tous les sélecteurs correspondants dans le projet et vous laissera décider lesquels doivent être modifiés.

Scénario 2 : le projet web comporte des feuilles de style créées lors de la compilation ou du déploiement. Elles peuvent être fusionnées à partir de plusieurs fichiers et les noms des fichiers peuvent changer. CSS-X-Fire ne se soucie pas des noms des fichiers, il ne s'occupe que des noms des sélecteurs CSS et de leurs propriétés.

Voici des exemples de scénarios où CSS-X-Fire excelle. Puisqu'il travaille avec les fichiers sources et connaît la structure du langage, il aide également à trouver les doublons que Firebug ne connaît pas, les sauts de code, etc.

CSS-X-Fire est une source ouverte sous la licence Apache 2. Accueil du projet : http://code.google.com/p/css-x-fire/

Answer 3

Puisque Firebug ne travaille pas sur votre serveur mais prend le CSS du site et le stocke localement et vous montre le site avec ces changements locaux.

Answer 4

Utilisez l'éditeur CSS dans la barre d'outils de Firefox Web Developer :

http://chrispederick.com/work/web-developer/

Il contient suffisamment d'éléments intéressants pour être utilisé en conjonction avec Firebug et vous permet d'enregistrer vos CSS dans un fichier texte.

Answer 5

Utiliser Backfire.

http://blog.quplo.com/2010/08/backfire-save-css-changes-made-in-firebug/

Il s'agit d'une solution open source qui renvoie les modifications CSS au serveur et les enregistre.

Backfire n'utilise qu'un seul fichier javascript et le code source contient un exemple d'implémentation de serveur .NET qui est facilement portable sur d'autres plateformes.