1

記事QueryLoader2 – Preload your images with easyのプリローダーを使用しています。ほとんどのデスクトップ ブラウザーで問題なく動作しますが、iOS では問題が発生します。

別のページを提供せずに、スクリプトを実行している iOS デバイスを除外する方法はありますか?

これは私のコードです：

$(document).ready(function () {
    $("body").queryLoader2({
        barColor: "#FFFFFF",
        backgroundColor: "#000000",
        percentage: true,
        barHeight: 1,
        completeAnimation: "grow",
        minimumTime: 1000
    });
});

window.addEventListener何らかの理由で を iOS で動作させることができません。

4

2 に答える 2

2

ユーザーエージェント文字列を確認できます。

if(!((navigator.userAgent.match(/iPhone/i)) || 
   (navigator.userAgent.match(/iPod/i)) ||
   (navigator.userAgent.match(/iPad/i)))) {
    // do non iOS stuff here
}

あなたのコードは次のようになります

$(document).ready(function () {
    if(!((navigator.userAgent.match(/iPhone/i)) || 
      (navigator.userAgent.match(/iPod/i)) ||
      (navigator.userAgent.match(/iPad/i)))) {

        $("body").queryLoader2({
            barColor: "#FFFFFF",
            backgroundColor: "#000000",
            percentage: true,
            barHeight: 1,
            completeAnimation: "grow",
            minimumTime: 1000
        });
    }
});

また、そのページで提供されている iOS コードを調べて、問題が解決するかどうかを確認します。

window.addEventListener('DOMContentLoaded', function() {
    $("body").queryLoader2();
});
于 2012-06-18T03:57:05.867 に答える
1

Iphone ユーザー エージェント文字列を確認し、その結果に基づいて条件付きで画像をプリロードします

于 2012-06-18T03:54:50.470 に答える