143 votes

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

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.

0 votes

Voici un message que j'ai envoyé au groupe il y a quelque temps : groups.google.com/group/firebug/browse_thread/thread/

0 votes

Avez-vous essayé cssUpdater.com ? Il suffit d'éditer dans FireBug, d'appuyer sur le bouton "Sync now" pour transférer toutes vos modifications vers le(s) fichier(s) CSS d'origine.

2 votes

Firebug a une façon spécifique de le faire. Après avoir effectué quelques modifications css en ajoutant des règles dans la vue css de droite, cliquez sur l'adresse de l'élément de style référencé à l'extrême droite, puis choisissez Live Edit dans le menu déroulant supérieur (PAS SOURCE EDIT), cliquez sur Live Edit et copiez/collez à votre guise.

10voto

Craig Angus Points 6413

Vous pourriez relier firebug à éclipser avec fireclipse puis enregistrer le fichier à partir d'eclipse

9voto

Mark Biek Points 41769

Je pense que le mieux que vous puissiez faire est de passer en mode édition dans Firebug et de copier et coller le contenu du fichier CSS.

7voto

Rahul Points 8424

Nous venons de présenter Backfire, un moteur javascript open source qui vous permet d'enregistrer sur le serveur les modifications CSS effectuées dans Firebug et Webkit inspector. La bibliothèque comprend un exemple d'implémentation C# de la manière de sauvegarder les changements entrants dans votre CSS.

Voici un article de blog qui explique comment cela fonctionne : http://blog.quplo.com/2010/08/backfire-save-css-changes-made-in-firebug/

Et voici le code hébergé sur Google Code : http://code.google.com/p/backfire/

3voto

Rahul Points 8424

Je sais que cela ne répond pas à votre question, mais étonnamment, le clone de Firebug d'Internet Explorer 8, la "barre d'outils du développeur" (accessible via F12), offre l'option "enregistrer le html". (accessible via F12) offre l'option "enregistrer html". Cette fonction enregistre le DOM actuel dans un fichier local, ce qui signifie que si vous modifiez le DOM d'une manière ou d'une autre, par exemple en ajoutant un attribut de style quelque part, celui-ci sera également enregistré.

Ce n'est pas particulièrement utile si vous utilisez Firebug pour manipuler les CSS comme tout le monde, mais c'est un pas dans la bonne direction.

3voto

Jonathan Parker Points 4206

Je propose une solution qui implique une combinaison de Firebug et FireFTP ainsi qu'un code qui accède directement au système de fichiers local lors de l'exécution d'un site web en local.

Voici les scénarios :

Travailler sur un site web hébergé sur une machine distante

Dans ce cas, vous devez fournir les coordonnées FTP et l'emplacement des fichiers CSS/HTML/Javascript. Firebug met alors à jour ces fichiers lorsque vous enregistrez vos modifications. Il peut même être capable de localiser les fichiers lui-même et vous demander de vérifier qu'il a le bon fichier. Si les noms de fichiers sont uniques, cela ne devrait pas poser de problème.

Travailler sur un site web fonctionnant sur votre machine locale

Dans ce cas, vous pourriez fournir à Firebug l'emplacement du dossier local du site Web et le même comportement serait utilisé pour faire correspondre et vérifier les fichiers. L'accès au système de fichiers local pourrait être effectué par FireFTP si nécessaire.

Travailler sur un site web hébergé à distance sans accès FTP

Dans ce cas, il faudrait mettre en œuvre quelque chose comme le module complémentaire FireFile.


Une fonctionnalité supplémentaire serait la possibilité d'enregistrer et d'ouvrir des fichiers de projet qui stockent les mappages entre les fichiers locaux et les URL auxquels ils sont associés, ainsi que d'enregistrer les détails FTP comme le fait déjà FireFTP.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X