CSSファイルと実際にのクラスを比較したいと思います。をサイト内で使用し、それらのクラスのみを含む新しいCSSファイルを生成します。ポイントは私が使っていないクラスを取り除くことです。プロジェクトから未使用のCSSクラスを自動的に削除します
以前は、FireFoxの拡張子としてDust Me Selectorsを使用して、使用したCSSセレクタと使用していないCSSセレクタを検索しましたが、これはもはやFireFox 6では機能しません。
代替手段はありますか?
CSSファイルと実際にのクラスを比較したいと思います。をサイト内で使用し、それらのクラスのみを含む新しいCSSファイルを生成します。ポイントは私が使っていないクラスを取り除くことです。プロジェクトから未使用のCSSクラスを自動的に削除します
以前は、FireFoxの拡張子としてDust Me Selectorsを使用して、使用したCSSセレクタと使用していないCSSセレクタを検索しましたが、これはもはやFireFox 6では機能しません。
代替手段はありますか?
this online toolを試してみるか、現在のページに未使用のCSSセレクタを表示するための監査タブを備えたGoogle Chromeの開発ツール(デフォルトでは拡張機能は必要ありません)を使用することができます。あなたのために自動的に行われます...
FirebugのCSS Usage拡張機能を試すことができます。それは魅力的ですが、手作業が必要ですhttps://addons.mozilla.org/en-US/firefox/addon/css-usage/
あなたのサイトをGT-Metrixに置くとき。使用されていないCSSセレクタを見ることができます。あるいは、Googleのページスピードで行うこともできます。
それを行うには、このシステムの主張: http://sourceforge.net/projects/cssmerge/?source=dlp
しかし、私はしかし、それを動作させることができませんでした。
ここでは、ファイルを比較するいくつかの手動ツールを紹介します。それは自動ソリューションほど高速ではありませんが、視覚的な比較だけで行うよりも速くなります。
私はあなたが想定し、それらにいくつかのツールを使用して見つけた場合でも、あなたはまだそれらを見つける必要があります...あなたのCSSスタイルがどこにあるか知っておくべきだと思いますそれらを削除するコードで、または私はあなたの質問を正しく取得しないでください – Gatekeeper
@Gatekeeper時には物事はあなたから離れて、特にあなたが他の誰かがやっていた何かを継承する場合。 OPは基本的に、プロジェクトで_used_であるクラスだけを含むCSSファイルを生成するツールを必要としています。私はもう少し質問を編集しました。 –
私はあなたの_(両方の編集者)_がほとんど読みにくい質問をかなり良いものにする方法に本当に感心しています。 – Arsen7