web-dev-qa-db-ja.com

未使用の画像、CSSルール、JSスクリプトブロックを見つける

かなり大きなasp.net Webサイトがあります。

画像、CSS、およびJavaScriptはWebサイトプロジェクトでプロパティ編成されていますが、Webサイトのルックアンドフィールを変更しているので、どの画像が存在していないかを特定するのに役立つツール/アドインがあるかどうかを知りたいウェブサイトで使用されています。

同じことをcssとjavascriptでも見つけたいです。私はdustme firefox拡張機能を見てきましたが、それはcssだけを行います。

javascriptcssimageoptimizationfind
40
Pratik Kothari

未使用のCSS

  1. http://www.sitepoint.com/dustmeselectors/ でFirefox拡張機能Dust-Meをご覧ください。

  2. Google Chromeの開発者コンソールには website auditing tool があります。

  3. また、未使用のCSSを削除するためのこのサイトを見つけました- http://unused-css.com/ サイトのURLを入力すると、CSSセレクターのリストが表示されます。セレクタごとに、数字はセレクタが使用される回数を示します。このサービスにはいくつかの制限があります。 @importステートメントはサポートされていません。新しいクリーンなCSSファイルを構成してダウンロードすることはできません。

  4. Helium CSSは、Webサイトの多くのページで未使用のCSSを発見するためのjavascriptツールです。最初に、テストするページにjavascriptファイルをインストールする必要があります。次に、ヘリウム関数を呼び出してクリーニングを開始する必要があります。

  5. [〜＃〜] cssess [〜＃〜] は、任意のサイトで使用されていないCSSセレクターを見つけるのに役立つブックマークレットです。このツールは非常に使いやすいですが、クリーンなCSSファイルを構成してダウンロードすることはできません。未使用のCSSファイルのみがリストされます。

  6. Webサイトで未使用の画像とCSSスタイルを見つけるにはどうすればよいですか？

未使用の画像：

  1. http://obsidience.blogspot.in/2008/06/using-powershell-to-find-unused-images.html
  2. プロジェクトで未使用の画像を見つけるためにBashスクリプトを作成する方法は？

未使用のJS：

  1. Webプロジェクトの未使用のCSSルールとjsスクリプトを見つけますか？
  2. 未使用のJavaScript関数を見つけますか？
53
Somnath Muluk

1つの可能なアプローチは次のとおりです。

  1. ブラウザーのオフライン保存機能を使用し、サイトとそのすべてのリソースをローカルフォルダーに完全にダウンロードします。
  2. 次に、すべての*。{jpg、png、gif ... etc}を丸lurみする小さなPerlスクリプトを実行します
  3. 次に、プロジェクトのソースディレクトリからリストを実行するときに、リストに対してdiffを実行します。

明らかに、このアプローチにはいくつかの制限がありますが、それがすべて揃っていれば、良いスタートになるかもしれません！

3
H. Green

Javascriptは動的言語であり、動的な方法で呼び出されるため、未使用のjavascriptを見つけるためのツールはうまくいきません。

ツールの呼び出し JSCoverage を使用して、コードをプロファイルし、呼び出されるメソッドをリストできます。これは少し役立ちます。

2
Mohib Sheth

私はそれを行うと主張するブラウザー拡張機能で運がなかった。

AgentRansack に依存するコンソールアプリを実行して、プロジェクトディレクトリで未使用のcssクラスを見つけます（つまり、宣言されていますが、ascx/jsなどで参照されていません）-結果を使用状況レポートにマージします。プロジェクトディレクトリから未使用のページが削除されている限り、これはfairly画像srcsなどを探すために簡単に調整できると想定しています。

そのような適切に配布されたツールに対する需要はありますか？

1
o.v.

サーバーは未使用のファイルを開かないため、最終アクセス時刻を確認できます。正しい？

1
Leonid