0

我已经使用 Sencha Touch 2 开发了一个移动应用程序,但我遇到了这个问题:我可以通过将应用程序上传到服务器(或本地 wamp、节点等)以及使用

1 - 桌面上的 chrome,
2 - 适用于 android 的 chrome,或
3 - 三星 Galaxy S 或 HTC 中的 android 浏览器 一部或任何 Android 手机
4 - 在任何 iphone 浏览器或本机 webview 中,该应用程序也适用

但是,当我尝试在 Android(本机 APK)中使用 webview 访问相同的 URL 时,它不会隐藏启动画面。从浏览器访问时,启动画面会停留一两秒钟然后消失,并显示应用程序内的第一个屏幕,所以我确定在“webview 版本”中它被卡住了。

需要注意的重要事项:
1 - 尝试使用 autoMaximize:true 和 false - 不工作并不重要
2 - 我尝试访问的版本是使用“sencha app build production”
(PRODUCTION BUILD)构建的。所有其他版本都可以在任何地方访问并且功能齐全(测试构建、包构建等)。唯一让我头疼的版本是生产版本(但我必须将此版本用于生产,我不能给客户一个测试版本)。

这是我的 app.js

Ext.application({
    name: 'AR',
    viewport: {
        autoMaximize: true//( navigator.userAgent.search("Safari") != -1 && (!Ext.browser.is.Standalone && Ext.os.is.iOS && Ext.browser.version.isGreaterThan(3) ) ? true : false )
      },
    requires: [
        'Ext.MessageBox',
        'Ext.data.proxy.JsonP',
        'Ext.data.JsonP',
        'Ext.Ajax',
        'Ext.plugin.ListPaging',
        'Ext.*'
    ],

    views: ['Main','Loading','About','ItemDetail','ListByCategory','ListByGenres','HeaderPanel','Search','ItemsLoad','ScreensContainer','DataList','SearchResultsList','SearchResultBar','SearchPanel','SearchResults','BackBtn','HebrewList','CategoriesPanelContainer'],
    models: ['Category','Genre','Category','ItemsLoad','CategoriesPanel','ItemLoad','ResultsBar','HomePageContentLoad'],
    stores: ['Categories','Genres','Categories','ItemsLoad','CategoriesPanel','ItemLoad','FreeTextItemsLoad','ResultsBar','HomePageContentLoad'],
    controllers: ['ListController','MenuController','AppController','SearchController','ItemController'],

    icon: {
        '57': 'resources/icons/Icon.png',
        '72': 'resources/icons/Icon~ipad.png',
        '114': 'resources/icons/Icon@2x.png',
        '144': 'resources/icons/Icon~ipad@2x.png'
    },

    isIconPrecomposed: true,

    startupImage: {
        '320x460': 'resources/startup/320x460.jpg',
        '640x920': 'resources/startup/640x920.png',
        '768x1004': 'resources/startup/768x1004.png',
        '748x1024': 'resources/startup/748x1024.png',
        '1536x2008': 'resources/startup/1536x2008.png',
        '1496x2048': 'resources/startup/1496x2048.png'
    },

    launch: function() {
        // Destroy the splashscreen element
        Ext.fly('splashScreenClass').destroy();
        Ext.Viewport.add(Ext.create('AR.view.Main'));
    },


    // onUpdated: function() {
    //     Ext.Msg.confirm(
    //         "Application Update",
    //         "This application has just successfully been updated to the latest version. Reload now?",
    //         function(buttonId) {
    //             if (buttonId === 'yes') {
    //                 window.location.reload();
    //             }
    //         }
    //     );
    // },

    iconsDictionary: {
        'הכל' : 'everythingLogoClass',
        'כלים' : 'toolsLogoClass',
        'מאמרים' : 'docsLogoClass',
        'סרטונים' : 'videosLogoClass',
        'סיפורי מקרה' : 'storiesLogoClass'
    }


});

这是 index.html

<!DOCTYPE html>
<html manifest="" lang="en-US">
<head>
    <!-- <meta name="viewport" content="width=device-width, target-densityDpi=device-dpi"> -->
    <meta charset="UTF-8">
    <title>AR</title>
    <style type="text/css">

        html, body {
            height: 100%;
            /*background-color: #1985D0*/
        }

     .splashScreenLogo
        {
          background: url('resources/images/splashLogo.png') no-repeat;
          height: 136px;
          width: 204px;
          text-align: center;
          position: relative;
          top: 20%;
          padding-bottom: 15px;
        }
        #splashScreenClass
        {
          text-align: center;
          height: 100%;
          width: 100%;
          background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 1%, #e5f6f9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#e5f6f9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 1%,#e5f6f9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 1%,#e5f6f9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 1%,#e5f6f9 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 1%,#e5f6f9 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5f6f9',GradientType=0 ); /* IE6-9 */ 
        }

        .splashScreenText
        {
          font-family: 'Eleganti';
          width: 100%;
          text-align: center;
          height: 55px;
          color:white;
          background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #0155a4 51%, #ffffff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(51%,#0155a4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#0155a4 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#0155a4 51%,#ffffff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#0155a4 51%,#ffffff 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#0155a4 51%,#ffffff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
        }

    </style>

</head>
<body>

    <div id="splashScreenClass">
        <div style="height:20%;width:100%;"></div>
        <center><div class="splashScreenLogo"></div></center>
        <div style="height:5%;width:100%;"></div>
        <div class="splashScreenText"><p style="top: 13px;font-size: 30px;position: relative;">מרכז הידע</p></div>
        <!-- <img src='resources/images/splash.jpg' /> -->
    </div>
    <!-- The line below must be kept intact for Sencha Command to build your application -->
    <script id="microloader" type="text/javascript" src="sdk/microloader/development.js"></script>
    <!--<script src="js/appservice.js"></script>-->
</body>
</html>

如果有人知道发生了什么,我将非常感谢一些帮助。谢谢,

4

0 回答 0