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

Question

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

4

如何在jQuery Mobile应用程序中显示启动画面，直到头文件脚本下载完成？

我知道在苹果设备上，你可以添加类似以下的内容：

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

我希望有一个类似的解决方案, 但适用于所有平台。不想在头部脚本全部加载之前显示正文，因为这看起来很丑陋。是否可能有一种替代方法能达到相同的目的，而不是将所有脚本放在头部中？

- Daniel Alexiuc

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- frequent · Accepted Answer

请查看以下任何链接：

两个链接都会告诉你，apple-start-up-image 只适用于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请求以及加载不必要的图像。