ウェブサイトコードから未使用のCSSを削除する

Question

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

たとえば、コードからdivを削除すると、そのCSSは1つまたは複数のファイルに残っています。

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

Answer 1

デベロッパーツールのGoogle Chromeの[監査]タブで、あなたが求めているところにかなり近づくことができます。未使用のCSSは削除されませんが、使用されていないCSSルールが表示されます。

守ってください。ここではツールの

Answer 2

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