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

Je me pose la même question depuis un certain temps maintenant,
c'est juste un déchirement quand votre style libre en cours avec firebug est réduit en miettes par
une recharge accidentelle ou autre....

A toutes fins utiles, j'ai enfin trouvé l'outil..... : FireDiff .

Il vous donne un nouvel onglet, probablement une référence bizarre à David Bowie, appelé "modifications" ; qui vous permet non seulement de voir/sauvegarder ce que firebug, c'est-à-dire vous, avez fait,
mais aussi, en option, le suivi des modifications apportées par la page elle-même.... si elle et/ou vous en avez envie.

C'est donc reconnaissant de ne pas avoir à retaper, ou à réimaginer puis à retaper, chaque règle css que je fais...

Ici est un lien vers le développeur (ne vous laissez pas décourager par la première apparence, vous pouvez tout aussi bien vous rendre directement à l'adresse suivante le dépôt de modules complémentaires de Mozilla .

Answer 2

Je suis venu ici en cherchant exactement cette fonctionnalité, c'est-à-dire la possibilité de sauvegarder les modifications. CSS propriétés de retour au fichier original (sur ma machine de développement locale). Malheureusement, après avoir beaucoup cherché et n'avoir rien trouvé qui réponde à mes besoins (OK, il y a CSS Updater mais il faut s'enregistrer et c'est une extension payante...) J'ai abandonné Firefox + Firebug et j'ai cherché quelque chose de similaire pour Google Chrome. Devinez quoi... Je viens de trouver cet excellent article qui montre une bonne façon de faire fonctionner cette fonctionnalité (intégrée à Chrome - il n'y a pas besoin d'extensions supplémentaires) :

Modifier les CSS et SAVE sur le système de fichiers local à l'aide de Chrome Developer Tools

Je l'ai essayé maintenant et cela fonctionne très bien en mettant en évidence les lignes modifiées. Il suffit de cliquer sur Enregistrer et le tour est joué ! :)

Voici une vidéo qui explique cela et bien plus encore : Google I/O 2011 : Les outils de développement de Chrome remaniés

J'espère que cela vous aidera si cela ne vous dérange pas de changer de navigateur pendant que vous éditez vos fichiers CSS. J'ai déjà effectué le changement pour l'instant, mais j'aimerais vraiment que cette fonctionnalité soit intégrée à Firebug :)

---

[Mise à jour 1]

Aujourd'hui, je viens de voir cette vidéo : Firefox CSS live edit in Sublimetext (travail en cours) Cela semble prometteur.

[Mise à jour 2]

Si vous utilisez Visual Studio 2013 avec L'essentiel du Web vous pourrez synchroniser les CSS automatiquement comme le montre cette vidéo :

Essentiels du Web : Intégration des outils de navigation

Answer 3

Le site Complément pour développeur Web vous permet de sauvegarder vos modifications. J'aimerais combiner l'édition de Firebug avec la fonction d'enregistrement de Web Developer.

_{(source : <a href="https://addons.mozilla.org/en-US/firefox/images/t/11916/943948800" rel="nofollow noreferrer">mozilla.org </a>)}

Utilisez le bouton " Sauvez "(cliquez sur le menu CSS -> Edit CSS) pour enregistrer le CSS modifié sur le disque.

Recommandation : Utilisez le bouton " Bâton "pour éviter de perdre vos modifications lorsque vous changez d'onglet pour effectuer une autre navigation. Si c'est possible, utilisez un seul onglet pour faire l'édition et l'autre fenêtre firefox les recherches associées, le webmail, etc.

Answer 4

Je viens de publier un addon firebug à la sandbox de mozilla addon qui pourrait bien faire ce que vous voulez : https://addons.mozilla.org/en/firefox/addon/52365/

En fait, il sauvegarde les fichiers css "touchés" à la demande sur votre serveur web (par communication avec un webservice php script à un seul fichier).

Documentation peut être trouvé sur ma page d'accueil ou sur la page de l'addon

J'apprécierais les tests, les rapports de bogues, les commentaires, les évaluations et les discussions à ce sujet, car il s'agit encore d'une version bêta précoce, mais qui devrait déjà fonctionner correctement.

Answer 5

CSS-X-Fire

Je suis surpris qu'il ne figure toujours pas dans cette liste, mais c'est probablement parce qu'il est nouveau et que l'auteur n'a pas encore eu le temps de le promouvoir.

Il s'appelle CSS-X-Fire et c'est un plugin pour la série d'IDEs JetBrains : IntelliJ IDEA, PHPWebStorm, PyCharm, WebStorm, RubyMine .

Comment cela fonctionne : Vous installez l'un de ces IDE et configurez le déploiement (supporte FTP et SCP). Cela vous permettra de rester en synchronisation avec le serveur.

Ensuite, vous installez ce plugin. Quand il démarre, il vous demandera d'installer un plugin pour Firefox, afin de faire l'intégration entre Firebug et l'IDE. S'il ne parvient pas à installer le plugin, utilisez simplement la technique du glisser-déposer pour l'installer.

Une fois installé, il suivra toutes vos modifications depuis Firebug et vous pourrez les appliquer d'un simple clic dans l'IDE.

FireFile

FireFile est une alternative qui nécessite l'ajout d'un petit fichier php du côté du serveur afin de pouvoir télécharger les css modifiées.