Android 启动屏幕和启动屏幕之间的白色屏幕index.html sencha应用程序构建包后触摸
我构建了我的应用程序包,看起来一切都很好,但在启动屏幕后,它在设备上显示了2秒钟的白色屏幕。我看到了很多关于这个问题的问题,但没有找到合适的解决方案,我的应用程序哪里出了问题。我正在使用电话gap。请帮助我 这是我的index.htmlAndroid 启动屏幕和启动屏幕之间的白色屏幕index.html sencha应用程序构建包后触摸,android,ios,extjs,cordova,sencha-touch-2,Android,Ios,Extjs,Cordova,Sencha Touch 2,我构建了我的应用程序包,看起来一切都很好,但在启动屏幕后,它在设备上显示了2秒钟的白色屏幕。我看到了很多关于这个问题的问题,但没有找到合适的解决方案,我的应用程序哪里出了问题。我正在使用电话gap。请帮助我 这是我的index.html <!DOCTYPE HTML> <html manifest="" lang="en-US"> <head> <meta charset="UTF-8"> <meta
<!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>
测试应用程序
文件。添加的监听器(“deviceready”,onDeviceReady,true);
document.addEventListener(“backbutton”,onBackKeyDown,false);
函数ondevicerady()
{
setTimeout(函数()
{
navigator.splashscreen.hide();
},50000);
document.addEventListener(“backbutton”,onBackKeyDown,false);
}
html,正文{
身高:100%;
背景色:#7f1a1a;
背景:url('uploads/Samsung.png')中心不重复;
}
#appLoadingIndicator{
位置:绝对位置;
最高:50%;
利润上限:-15px;
文本对齐:居中;
宽度:100%;
高度:30px;
-webkit动画名称:appLoadingIndicator;
-webkit动画持续时间:0.5s;
-webkit动画迭代计数:无限;
}
#应用加载指示器>*{
显示:内联块;
高度:30px;
-webkit边界半径:15px;
利润率:0.5px;
宽度:30px;
不透明度:0.8;
}
@-webkit关键帧加载指示器{
0% {
不透明度:0.8
}
50% {
不透明度:0
}
100% {
不透明度:0.8
}
}
我添加了cordova splashscreen插件,以避免corodova屏幕和sencha加载之间出现白色,现在我正在使用corodova附带的sencha touch2.3,因此我现在看不到任何白色屏幕