web-dev-qa-db-fra.com

Comment enregistrer / exporter les modifications apportées à Firebug?

Comment utiliser Firebug pour éditer le CSS, comment sauvegarder/exporter les modifications apportées au CSS?

OUTILS: Firefox , Firebug


MAJOR UPDATE: Si vous connaissez un moyen de verrouiller le retour/le retour/l'actualisation sur un onglet FireFox, veuillez me le faire savoir. Sinon, je renonce à utiliser FireBug/FireDiff en tant que IDE pour CSS, c'est bien, mais lol ... appuyez sur la touche de retour arrière au mauvais moment et TOUT votre travail est parti ... amusant. Alors, aimez vraiment le navigateur mettant en surbrillance CSS/HTML dans Firebug. Connaissez-vous de bons rédacteurs CSS qui font cela? J'avais vraiment bon espoir que FireBug fonctionnerait, mais pour le moment, il n'y voit qu'un avantage en matière d'inspection et de test ad hoc; ce qui signifie l'utiliser pour ce qu'il est fait pour.


MISES À JOUR:

@ Lèse majesté: Juste comme une mise à jour, " additif pour développeur Web " vous permet d'éditer du CSS, mais ne vous laissez pas éditer/sauvegarder les modifications CSS faites par Firebug. Cela signifie que vous utilisez Firebug pour identifier et peut-être tester les modifications, mais cela ne vous permet pas de sauvegarder les modifications de Firebug. Voici un "comment" couvrant comment les utiliser ensemble: FF + FB + WD

@ Lèse majesté: Toujours en train de jouer avec FireDiff . Cela fonctionne bien, j'ai déjà trouvé un bogue (bien que je travaille juste dessus), et il n'y a pas de "comment faire" que j'ai pu trouver, alors j'essaie juste toutes les fonctionnalités et je clique sur ... (pour Par exemple, pour exporter un diff, vous devez être au-dessus du dernier élément de la liste, cliquer avec le bouton droit de la souris et sélectionner "Enregistrer le diff". Le ".diff" est simplement un fichier texte. .

10
blunders

Il existe en fait un plugin FireBug appelé FireDiff qui vous permet d’exporter le style et les modifications DOM.

Vous pouvez également utiliser le module complémentaire pour développeur Web pour enregistrer le fichier CSS.

Enfin, FireBug peut être lié à Eclipse en utilisant Fireclipse , et à partir de là, enregistrez le CSS.

Voir cette question StackOverflow pour plus de solutions.

10
Lèse majesté

Je suis à peu près sûr que Firebug n'enregistre pas les modifications, vous devrez donc faire preuve d'un peu de créativité pour le faire. Vous pouvez copier le code HTML/CSS et le coller dans un fichier txt. Ensuite, vous pouvez utiliser un logiciel de comparaison pour identifier les modifications que vous avez apportées. Le éditeur de texte que j'utilise a cette fonctionnalité intégrée, mais je suis sûr que de nombreuses options sont disponibles.

2
John Conde

Utilisez cssUpdater (premier véritable coup de sifflet "comment enregistrer les modifications apportées par Firebug"). Avec celui-ci, vous pouvez enregistrer vos modifications FireBug (même avec le support FTP) en un seul clic depuis FireBug. Plus d'infos sur http://cssUpdater.com

2
Jhonte

Vous recherchez Backfire , un script client/serveur (actuellement javascript/C #). Il ne nécessite pas Firebug (ce n’est pas un addon Firebug) et fonctionne aussi bien dans les navigateurs Firefox que Web. Avec Backfire, vous pouvez modifier l'état de la page comme vous le souhaitez (Firebug est un excellent moyen), puis cliquez sur le bouton Enregistrer pour enregistrer les modifications sur le serveur.

En termes de mise en œuvre, après avoir cliqué sur Enregistrer, votre code côté serveur recevra une publication contenant une liste de modifications. Lorsque vous téléchargerez Backfire, un exemple de mise en œuvre vous montrera comment enregistrer les modifications dans vos fichiers CSS. Il fonctionne sur plusieurs fichiers et (dans Firefox) avec des règles CSS abrégées, etc., tout en maintenant la structure de vos fichiers CSS d'origine.

2
Rahul