Android 启动画面 WepApp Sencha答案

【问题标题】：Android Splash Screen WepApp SenchaAndroid 启动画面 WepApp Sencha
【发布时间】：2011-11-08 06:50:28
【问题描述】：

我正在尝试使用 Senahc Touch 为 Android 设备构建一个网络应用程序并显示启动画面。我使用的是 Sencha 框架，它有一个 Ext.Setup 属性，您可以指定 iPhone 启动画面。我已经停止尝试让这个参数工作，现在只是尝试使用标准的 HTML5 元标记来加载启动画面。有没有人设法在基本的 HTML5 应用程序或成熟的 Sencha 应用程序中显示 Android 启动画面？

<!doctype html>
<html> 
    <head> 
<meta charset="utf-8" />

<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
<meta name="apple-mobile-web-app-capable" content="yes" />

<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-startup-image" href="TSplash.gif" />

<script src="sencha-touch.js" type="text/javascript"></script> 
<link   href="sencha-touch.css" rel="stylesheet" type="text/css" /> 

<script type="text/javascript"> 

                 new Ext.Application({
                            launch: function() {
                                new Ext.Panel({
                                    fullscreen  : true,
                                    html        : 'Hello World_7!'
                        });
                    }
                });
    </script> 
</head> 
<body></body> 
</html>

【问题讨论】：

标签： android html web-applications splash-screen

【解决方案1】：

一种方法是在 html 正文中添加背景图片。在 Activity 的 js 启动之前，您会在启动时看到它：

<HTML>
    <head>
        <title>Contacts</title>
        <script type="text/javascript" src="sencha-touch.js"></script>
        <link href="sencha-touch.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="phonegap-1.1.0.js"></script>

        <script type="text/javascript" src="app/app.js"></script>
        <link href="app/app.css" rel="stylesheet" type="text/css" />


    </head>
    <body bgcolor="0000" style="background-image: url(TSplash.gif);"></body>
</HTML>

【讨论】：