jQueryすべてのデバイスのモバイルスプラッシュ画面

Question

ヘッドスクリプトのダウンロードが完了するまで、jQuery Mobileアプリケーションにスプラッシュ画面を表示するにはどうすればよいですか？私はAppleデバイス上で、あなたはこのような何かを追加することができます知っている

：

<link rel="apple-touch-startup-image" href="img/loading-splash.png"> 

を私は似たような希望が、それはすべてのプラットフォームで動作します。私は醜いので、すべてのヘッドスクリプトがロードされるまで、ボディを表示したくありません。同じ目標を達成するすべてのスクリプトを頭の中に置く代わりに、可能性はありますか？

Answer 1

は、以下のリンクのいずれかをチェックアウト：

• http://mathiasbynens.be/notes/touch-icons
• https://gist.github.com/472519

はどちらも、両方（リンゴ・スタート・アップ画像のみのiOSデバイス上で動作することを教えてくれますし、それらを表示させることはそれほど簡単ではありません）。

プラットフォーム間でスプラッシュ画面が利用できるようになるまでにはしばらく時間がかかると思います。私は私のページの頭の中でこれを使用している一方

：もちろん

<script type="text/javascript"> 
    (function(){var a;if(navigator.platform==="iPad"){ 
     a = window.orientation === 90 || window.orientation === -90 ? 
     "FULLPATH-TO-landscape.jpg":"FULLPATH-TO-portrait.jpg" 
     } else { 
     a = window.devicePixelRatio === 2 ? 
      "FULLPATH-TO-retina.jpg" : "FULLPATH-TO-startup.jpg" 
      } 
    document.write('<link rel="apple-touch-startup-image" href="'+a+'"/>')})() 
</script>  

あなたもプレーンなHTMLを書くことができますが、私は著者がすべてのスプラッシュを提供することを主張して、どこかMobile Boilerplateでこのスニペットを見つけましたsceensはすべてのデバイスにロードされます。このようなスクリプトを作成することで、スプラッシュスクリーンイメージを1つだけ取得し、3つのhttpリクエストと不要なイメージのロードを保存します。