适用于所有设备的jQuery Mobile启动画面

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的某个地方发现了这个片段，作者认为所有提供的启动画面都将被加载到所有设备上。 通过这样编写脚本，您只需获得一个启动画面图像并保存3个http请求并加载不必要的图像。