1

私の質問は、背景画像が正しく読み込まれたかどうかをどのようにテストできますか？

基本的に、私はいくつかのdivを持っており <div id="photo" style="background-image:url('someURL')">、いくつかはアクセス拒否エラーを受け取るか、存在しません。背景画像がないことを避けるために、いつ知る必要があります。

それらが使用できる画像であるかどうかはわかります$("#image").error(function(){});が、イライラしてここに表示することはできません。呼び出しcss.("background-image")てもエラーは発生しません。エラーが発生する可能性があります。完全に役に立たないURLが返されるだけです。

もう1つの考えは、URLを使用して非表示の画像要素を生成し、それが正しく読み込まれるかどうかをテストすることでしたが、多くの画像を処理するため、より洗練されたソリューションが必要です。

背景画像または画像のURLが画像を返すことをテストする方法を誰かが知っているなら、私は幸せです。

UPDATE

私は次の形式の画像プリローダーを使用してみました。

$.each($(".photo"), function(){
  var theURL = $(this).css('background-image'),
    theURL = theURL.replace('url(',''),
    theURL = theURL.replace(')',''),
    testImage = new Image(theURL);

しかし、新しいテスト画像にはエラーメソッドがなく、問題のあるscrであるかどうかに関係なく、明らかに幅が0であるため、私は再び困惑しています。

私もajaxクエリを使用してみましたが、この場合の特徴は、tumblrテーマを設計していることと、壊れたリンクが自動的に生成されたエラーページを返すことです。これは、ajaxがターゲットが読み込まれたことを意味しているようです。

4

0 に答える 0