8

私はWeb開発を掘り下げようとしています。このプロセスの一部として、私のウェブサイトの内容を段階的に微調整し、段階的な変更ごとに何か新しいことを学ぼうとしました。

これに関して私が直面している問題は、Web サイトが進化するにつれて、HTML 要素を廃止して新しいクラスを追加することになることです。明らかに、HTML でこれらのセレクターを作成するときは、JavaScript または CSS でそれらをターゲットにしていますが、多くの場合、元に戻って要素を削除することになります。これにより、JavaScript と CSS にこれらのセレクターへの孤立した参照が残り、HTML に不要/参照されていないクラスと ID が残ります。

私の質問は、これらのファイルを安全にクリーンアップできるように、CSS、HTML、および JavaScript* の両方でこれらの孤立したセレクターを識別するために使用できるユーティリティがあるかどうかです。これまでに提案されたソリューションは、CSS で不要なセレクターを見つけるのに最適ですが、HTML で不要なクラスや ID を識別するのには役立たないようです。これも私がやりたいことです。説明されているように、両方の方法で機能するものはありますか?

*JavaScript/JQuery にはメソッドがあるように聞こえますが、私の目的では、私の JavaScript は助けを借りずにきれいにすることができるほどきれいなので、CSS と HTML に焦点を当てている場合は問題ありません。

4

2 に答える 2

2

CSS には、ページ上の未使用の CSS セレクターを見つける Firefox 拡張機能があります。サイト全体をスパイダーするオプションがあります。バージョン 3.01 は、新しいバージョンの Firefox で動作するはずです。

https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/

そして、ここに別のオプションがあります。

https://addons.mozilla.org/en-US/firefox/addon/css-usage/

Javascript の場合は、ほとんど自分でできます。jquery を使用している場合は、その関数内で jQuery() を呼び出す $() 関数をオーバーライドし、jQuery から返された値をチェック/ログして、すべてのセレクターが何らかの結果を返すようにすることができます。しかし、それは物事を行う決定論的な方法ではありません。

于 2013-01-31T23:40:01.153 に答える
2

Dust-Me Selectors (公式サイト) を使用して、コード内の孤立したセレクターを見つけます。Firefox と Opera で動作します。残念ながら、JS や PHP コードを検索できるとは思いませんが、HTML 出力は検索できます。

于 2013-01-31T23:40:31.920 に答える