2012-01-06 276 views
4

私は約20のCSSファイルを持つSharePointファームを持っていて、それよりもはるかに圧縮されていると確信しています。しかし、各ページを通ることは、間違いなく厄介で怒ってしまうでしょう。未使用のCSSスタイルとカバレッジをチェックするツールですか?

ウェブサイト/ウェブアプリケーションで使用されているCSSファイルの量を確認するツールはありますか?

答えて

7

私は精通してるだけです:http://unused-css.com/

ウェブクローラがサイトのリンクをたどります。各ページで、CSSファイルを取得してセレクタを一覧表示します。セレクタはhtmlページでテストされます。セレクタが要素と一致する場合、セレクタはusedとしてマークされます。すべてのファイルが訪問されると、使用されたセレクタのみを持つ新しいcssファイルが作成されます。それはあなたがダウンロードできるファイルです。

私は広範囲に使用していません。

2012年9月6日更新:もう一つの有望探しツール - Deadweight

載貨重量はCSSカバレッジツールです。スタイルシートのセットとURLのセットが与えられると、実際に使用されるセレクタと「安全に」削除できるレポートが決定されます。

2013年1月29日更新:もう一つの新しいツール - http://www.csstrashman.com/

ザ・トラッシュメンがあなたのサイトのライブDOMを調べて、エンジニアはピクセルまでのスタイルを取り込み、新たな、よりエレガントな定義を逆転。

+0

これは有望です。 Illはこのツールを提案し、どのようにそのような力があるかを見ています。 –

+0

素晴らしいです、それが助けてくれることを願っています! –

4

私はちょうど私がこれらのツールのいずれかを使用することはありませんが、しかし、私は「ダスト・ミーセレクタ」を推薦する

10 Tools to check CSS Validation or if they are being used

、あなたとリンクは以下のとおりであるに役立つかもしれないツールの選択を発見しましたその説明を読んでください。

関連する問題