2011-09-08 133 views
7

CSSファイルと実際にのクラスを比較したいと思います。をサイト内で使用し、それらのクラスのみを含む新しいCSSファイルを生成します。ポイントは私が使っていないクラスを取り除くことです。プロジェクトから未使用のCSSクラスを自動的に削除します

以前は、FireFoxの拡張子としてDust Me Selectorsを使用して、使用したCSSセレクタと使用していないCSSセレクタを検索しましたが、これはもはやFireFox 6では機能しません。

代替手段はありますか?

+0

私はあなたが想定し、それらにいくつかのツールを使用して見つけた場合でも、あなたはまだそれらを見つける必要があります...あなたのCSSスタイルがどこにあるか知っておくべきだと思いますそれらを削除するコードで、または私はあなたの質問を正しく取得しないでください – Gatekeeper

+2

@Gatekeeper時には物事はあなたから離れて、特にあなたが他の誰かがやっていた何かを継承する場合。 OPは基本的に、プロジェクトで_used_であるクラスだけを含むCSSファイルを生成するツールを必要としています。私はもう少し質問を編集しました。 –

+4

私はあなたの_(両方の編集者)_がほとんど読みにくい質問をかなり良いものにする方法に本当に感心しています。 – Arsen7

答えて

0

this online toolを試してみるか、現在のページに未使用のCSSセレクタを表示するための監査タブを備えたGoogle Chromeの開発ツール(デフォルトでは拡張機能は必要ありません)を使用することができます。あなたのために自動的に行われます...

1

あなたのサイトをGT-Metrixに置くとき。使用されていないCSSセレクタを見ることができます。あるいは、Googleのページスピードで行うこともできます。

0

それを行うには、このシステムの主張: http://sourceforge.net/projects/cssmerge/?source=dlp

しかし、私はしかし、それを動作させることができませんでした。

ここでは、ファイルを比較するいくつかの手動ツールを紹介します。それは自動ソリューションほど高速ではありませんが、視覚的な比較だけで行うよりも速くなります。

http://www.diffchecker.com/

http://www.araxis.com/merge_mac/index.html

http://csscompare.codeplex.com/

関連する問題