所有設備的jQuery Mobile啓動屏幕

Question

如何在我的jQuery Mobile應用程序中顯示啓動屏幕，直到頭文件完成下載？

我知道蘋果設備上，你可以像這樣添加的東西：

<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將被加載到所有設備上。通過像這樣編寫腳本，您只能獲得一個啓動屏幕圖像並保存3個http請求，並加載不必要的圖像。