0

Web サイトのすべてのページで使用されているすべての画像をプリロードできるようにしたいと考えています。

私の考えは、これらすべての画像を含む配列を作成することです。

このタスクへの最善のアプローチは何ですか?

たとえば、素朴な質問かもしれませんが、JavaScript を使用して、同じドメイン内のサイトのすべてのページで使用されているすべての画像ファイルを特定する方法はありますか?

または、たとえば、特定のフォルダーに含まれるすべての画像の配列を作成する方法はありますか?

よろしくお願いします。

4

1 に答える 1

3

理論的には、そのようなことには JavaScript だけを使用できます。ページの読み込み時 (またはドキュメントの準備完了など)、スクリプトは次のことができます。

  1. getElementsByTagName()ページ上のすべてのリンクを取得するために使用します
  2. 見つかった各同一ドメイン リンクに対して を実行しXMLHttpRequestます。href
  3. <img>タグの各応答に目を通し、それぞれをプリロードします。
  4. <a>タグの各応答に目を通し、繰り返します。

ただし、サーバー上のサイト全体で使用される画像 URL のリストを維持または生成し、そのリストを JavaScript 配列としてスクリプトに含めて、クレイジーな AJAX 画像検索をすべて回避する方が効率的です。

サイトのすべてのページにこのスクリプトを含める必要がありますが (ユーザーがサイトでどのページから開始するかわからないため)、実行時に Cookie を保存します (すべてのページで再実行されないようにするため)。特定のユーザーがアクセスするページ)。

私はこれを慎重に考えます。一部のユーザーは、データ使用が制限されているか、メガバイト単位で課金されているインターネット接続を使用している可能性があります。すべてのユーザーが、1 つのページにアクセスしただけでサイト上のすべての画像をダウンロードしたいと思っていますか?

于 2013-06-24T14:08:24.420 に答える