Question

如何在头部脚本完成下载之前，如何在我的jQuery Mobile应用程序中显示启动画面？

我知道在Apple设备上，您可以添加以下内容：

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

我想要类似的东西，但这适用于所有平台。在所有头部脚本都加载之前我不想显示正文，因为它看起来很难看。是否可以选择将所有脚本放在头部以实现相同的目标？

Answer 1

查看以下任何链接：

两者都会告诉你苹果启动图像只能在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请求，并加载不必要的图像。

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

1 个答案: