複数のページをカバーし、ローカルにインストールされているcssページの未使用のcssセレクターとルールを識別する方法は?


12

次の2つの制限を使用して、未使用または重複したCSSセレクターとルールを識別できるツールを探しています。

  • このツールは、多くのHTMLページに使用されているcssページを分析できる必要があるため、Dust-Meのようなツールは役に立ちません。

  • また、開発段階でCSSをチェックできるようにしたいので、このツールはローカルインストールでも動作するはずです。これは、オンラインのCSS検証者を除外します。

回答:


5

ページで使用/未使用のすべてのスタイルを表示するCSS Usageと呼ばれるFirefoxアドオンがあります。

複数のページを実行すると主張していますが、私の経験では、その結果は多少信頼できないようです。とにかく、それは過去に私を助けてくれました。


1

過去にDust MeとCSS Usageを試しましたが、未使用のcssセレクターの初期リストを取得するのにある程度成功しました。次に、潜在的に未使用のセレクターを手動で検索することに焦点を合わせます。少なくともそれにより、問題の範囲が数百のセレクターから数十のセレクターに縮小されます。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.