繁体   English   中英

启动画面和启动画面之间的白屏index.html应用构建包后的sencha touch

[英]white screen between splash screen and startup screen index.html sencha touch after app build package

我构建了我的应用程序包,一切似乎都工作正常,但启动屏幕后,该设备在设备上显示白屏2秒钟。 我在这个问题上看到了很多问题,但没有找到适合我的应用出现问题的解决方案。 我正在使用手机间隙请帮帮我

这是我的index.html

 <!DOCTYPE HTML>
 <html manifest="" lang="en-US">

<head>
    <meta
    charset="UTF-8">
        <meta
        name="format-detection" content="telephone=no">

        <title>Test  APP </title>
         <link  href="touch/resources/css/app.css" rel="stylesheet" type="text/css" />
         <script src="touch/sencha-touch-all-debug.js" type="text/javascript"></script>
         <script src="js-cordova/ios/cordova-2.7.0.js" type="text/javascript"></script>
         <script src="js-cordova/ios/barcodescanner.js"type="text/javascript"></script>
                <script  type="text/javascript">
                document.addEventListener("deviceready", onDeviceReady,true);
                             document.addEventListener("backbutton", onBackKeyDown,false);
               function onDeviceReady()
                  {
                      setTimeout(function()
                      {
                         navigator.splashscreen.hide();

                       },50000);
                            document.addEventListener("backbutton", onBackKeyDown,false);
                            }

                            </script>
     <style type="text/css">  
        html, body {
                  height: 100%;
                  background-color: #7f1a1a;
                  background : url('uploads/Samsung.png') center no-repeat;
              }
       #appLoadingIndicator {       
                position: absolute;
                top: 50%;
                margin-top: -15px;
                text-align: center;
                width: 100%;
                height: 30px;
                -webkit-animation-name: appLoadingIndicator;
                -webkit-animation-duration: 0.5s;
                -webkit-animation-iteration-count: infinite;

            }
       #appLoadingIndicator > * {
                 display: inline-block;
                height: 30px;
                -webkit-border-radius: 15px;
                margin: 0 5px;
                width: 30px;
                opacity: 0.8;
            }

      @-webkit-keyframes appLoadingIndicator{
        0% {
             opacity: 0.8
           }
       50% {
             opacity: 0
           }
       100% {
             opacity: 0.8
           }
         }
  </style>
 <!-- The line below must be kept intact for Sencha Command to build your application -->
<script id="microloader" type="text/javascript" src="touch/microloader/development.js"></script>
</head>
<body>
<div id="appLoadingIndicator">

</div>
</body>

</html>

我添加了cordova启动画面插件,以避免corodova屏幕和sencha加载之间出现白色,现在我正在使用corcha附带的sencha touch2.3,因此我现在看不到任何白色屏幕。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM