Android 启动画面 WepApp Sencha

发布于 2024-12-02 08:17:00 字数 1246 浏览 0 评论 0原文

我正在尝试使用 Senahc Touch 为 Android 设备构建一个 Web 应用程序并显示启动屏幕。我使用的是 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>

原文

I am trying to build a web app for Android device using Senahc Touch and display a splash screen. I was using the Sencha framework which has a Ext.Setup property that you can specify the iPhone splashscreen. I've stopped trying to get this parameter to work and am now just trying to use standard HTML5 meta tags to load the splash screen. Has anyone ever managed to get the Android splash scren displayed either in a basic HTML5 app or a fullyblown Sencha app?

<!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>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

記柔刀 2024-12-09 08:17:00

一种方法是将背景图像添加到 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>

One way is to add a background image to the body of your html. You see it on startup for a moment before your activity's js kicks in:

<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>

回复收藏 0 原文

~没有更多了~