所有设备的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请求，并加载不必要的图像。