2011-10-20 4 views
1

Firebugの要素を調べると、オーバーライドされたプロパティを持つCSSのリストが表示されます。 1ページのオーバーライドされていないCSSのすべてをファイルに展開できますか?あるいは、後でファイルに奪われたプロパティを削除してスタイルシートを解析できる別のツールがありますか?Firebugから最適化されたCSSを保存しますか?

私の使用事例(私が達成しようとしている原則には特に関係ありません)は、CSSが既存のWordpressテーマを編集しており、重複するスタイルがたくさんある複数のファイルに広がっています。私はブラウザの現在の外観に満足しているだけで、すべてのアクティブなCSSをつかみ、1つのファイルにドロップして残りの部分を削除したいと思う。

+0

このようにすべてのスタイルをダンプしてから要素のスタイルシートを作成すると、実際にCSSは最適化されずに最適化されます。それはあなたが望む結果をもたらすかもしれませんが、それは確かにCSSを書くための推奨された方法ではありません。 – Spudley

答えて

0

あなたが望むものではありませんが、あなたが必要とするものはまだ可能性があります。 cssUpdaterを見てください

Firebugで変更を加えたときに実際のCSSファイルを更新できるFirefoxアドオンおよび付属のエアアプリケーションです。非常に便利で時間を節約できます。

もう1つの方法は、Firefox用Web DeveloperアドオンのCSS編集機能を使用することです。

Firediffは、Firebugで修正したものを元の状態から変更することができます。

+0

私はhttp://code.google.com/p/css-x-fire/を推薦しようとしていましたが、CSSUpdaterはそれに基づいているようです。 – leopic

0

すべてのCSSを1つのファイルにダンプできます。スタイルが正しく最適化され、正しい上書きが使用されるように、すべてのファイルがWebサイトで呼び出される順序で表示されていることを確認します。文書内での位置付けが重要です。

次に、あなただけのように、この一つとして、ウェブ上の任意の自動化されたCSS最適化を通じて、そのファイルを実行することができます。
http://www.cssoptimiser.com/

私は新しいCSSファイルを作成するたびに、私は念の私のことを確認するために、オプティマイザを使用しますCSSは可能な限り正確です。

関連する問題