L'exportation CSS changements de l'inspecteur (webkit, firebug, etc)

Question

Quand je travaille avec le CSS, je vais souvent tester dans un navigateur - dire, Chrome - cliquez-droit sur un élément, cliquez sur Inspecter l'Élément, et de modifier le CSS. L'utilisation des touches fléchées pour changer des choses comme la marge et le remplissage rend doublure de choses super facile.

Il n'est pas trop dur de prendre ces changements et de les appliquer dans le fichier CSS, mais ça serait cool si je pouvais juste à droite, cliquez sur le sélecteur dans l'inspecteur, sélectionnez "exporter" ou "copie", et le contenu disponible dans mon presse-papiers.

Fait quelque chose comme ça existent?

Answer 1

J'ai trouvé la réponse à cette question, à moins que de Chrome v14.

Alors que dans les Éléments de l'article, cliquez simplement sur le "nom de fichier:linenumber" lien pour les règles CSS. Le fichier CSS qui s'affiche contient les modifications.

Answer 2

Dans google Chrome, vous pouvez droit-cliquez sur un fichier CSS dans l'onglet Sources et cliquez sur "Modifications Locales"

Cela vous montre toutes vos modifications locales. Chaque révision est horodaté et vous pouvez reprendre à toute révision précédente.

Voir le Live d'Édition et de Révision de l'Histoire de la section de ce tutoriel.

Answer 3

Firediff est un Firebug qui suit les changements fait dans Firebug. Il enregistre tout ce que vous aurez à faire dans le code HTML de volet (grand), mais aussi de votre brève utilisation de la Web Developer Toolbar extension (pas trop grand), dire Shift-Ctrl-F pour obtenir une taille de police de l'information en px.
J'ai vu un Firebug extension dans Chrome, mais n'a pas le tester, j'utilise Firediff avec Firefox.

Answer 4

J'ai suggéré ce produit de SORTE avant (je ne suis pas affilié avec eux de toute façon).

http://www.skybound.ca/

Excellent produit. Sonne comme exactement ce que vous cherchez et bien plus encore.

EDIT: Plusieurs autres réponses ici ont mentionné Google Chrome capacité à lier à vos fichiers locaux (qui est très très cool). Découvrez les autres réponses!

Answer 5

Si vous modifiez CSS externe, vous pouvez alors faire glisser sa dernière révision des Ressources panneau à l'aide d'un éditeur de texte qui prend en charge le Mdn (voir http://www.webkit.org/blog/1463/web-inspector-styles-enhanced/, la "Persistance des Modifications de la section" pour plus de détails.) Vous pouvez aussi annuler votre CSS modifications apportées à la version précédente de la feuille de style de ressources (dans le clic droit menu contextuel de toute révision de la feuille de style.)