17

私は現在、ウェブ上で無料で見つけたウェブサイトテンプレートを変更しています。

たとえば、divコードからaを削除すると、そのCSSは1つ以上のファイルに残ります。

コードから未使用のCSSを自動的に削除するツールはありますか?だから私は手動ですべてidを検索するclassことはなく、もう使用せずにコードを削除します。

4

2 に答える 2

23

IntellijIDEAはこれを行うことができます。CSSファイルに移動し、[分析]をクリックして、分析範囲を選択したファイルに縮小します。その後、このファイルに関連するすべての問題が表示されます。すべてのエラーはカテゴリに分類されます。「未使用のCSSセレクター」という名前のカテゴリに移動して、目的のエラーを見つけてください。同じことがJavaScriptでも機能するはずです。CSSサポートはUltimateバージョンのIDEAでのみ利用可能であることに注意してください。ただし、それに費やすすべてのお金の価値はあります。Ultimateエディションには30日間の試用期間もあります。ああ、ちなみにそれは優れたPHPサポートを持っています。PHPStormと呼ばれる同じベンダーからのより安価なPHP固有のIDEもあります。分析機能も利用できます。

于 2012-08-23T12:26:48.883 に答える
12

開発ツールの下にあるGoogleChromeの[監査]タブを使用すると、求めているものにかなり近づくことができます。未使用のCSSは削除されませんが、使用されていないCSSルールが表示されます。

観察: ここに画像の説明を入力してください

于 2012-08-23T12:28:26.923 に答える