12

コードで参照されているがcssファイルにないcssクラスまたはIDを特定するにはどうすればよいですか？ファイアバグに使用できる機能はありますか？

ありがとう。

4

3 に答える 3

8

Firebugはこれを実行しません。また、私が考えることができるツールも実行しません。これは、一般的または高収益のタスクではないためです。

ただし、未使用のCSSルールを見つけて、それらをトリミングできるようにすることは一般的なタスクです。一般的なCSSファイルをトリミングすることでパフォーマンスを向上させることができます。ただし、HTMLページからIDとクラスを削除してもそれほど効果はなく、何かを壊す可能性が高くなります（以下を参照）。

未使用のCSSルールを見つけるための優れた/一般的なFirefoxアドオンは、Dust-MeSelectorsです。CSSルールを持たないIDやクラスを見つけるためのツールが本当に必要な場合は、そのアドオンのソースコードを、独自のFirefox拡張機能を作成するための良い出発点として利用できます。

IDとクラスを削除するのは、CSSルールがないという理由だけで、良い考えではなく、問題が発生する可能性があります。
IDとクラスは、CSSの便利なハンドルだけでなく、さまざまな理由でページに含めることができます。

IDまたはクラスがページに含まれる理由は次のとおりです。

  1. JavaScriptでコンテンツを識別する、またはコンテンツを変更するターゲットをマークします。これは、最も単純な動的ページを除くすべての場合に必須です。
  2. 同様に、IDとクラスは、プラグイン、拡張機能、スパイダー、RSSツールなどで使用されます。
  3. 状態またはステータスインジケータとして。例えば：<p class="comment highest-rated">...
  4. ページはめ込みアンカーの簡単な代替品として。これらは、要素を追加することなく、正確にターゲットを絞ったハイパーリンクを可能にします。   リンクの例。
  5. 優れたセマンティックマークアップの一部として。これは、人間とスクリプトがページを理解、使用、および維持するのに役立つベストプラクティスです。
  6. CSSのターゲティングを支援します。
于 2013-01-21T10:45:04.607 に答える
1

Visual Studioは、ReSharperプラグインを使用してこれを行います。欠落している各クラスが青い波状の下線で表示されます。

どのバージョンが何なのかわかりませんが、使用しています

  • Visual Studio 2013 Premium
  • ReSharperバージョン8.2.3

他のバージョンでも同様に機能する可能性があります。

于 2016-04-20T10:12:53.257 に答える
1

このリンクで回答された質問が役立つ場合があります。Javascriptを使用してクラスを検索できます。CSSで使用されていないクラスを見つけることは有用かもしれませんが、他の理由で必要になる可能性のあるクラスを削除することに注意してください（他の人が指摘しているように）。

于 2021-05-27T04:44:11.323 に答える