Sencha Touch 2 を使用してモバイルアプリを開発しましたが、この問題があります: サーバーに (またはローカルで wamp や node などに) アップロードすることでアプリを見ることができます。
1 - デスクトップ上の chrome、
2 - android 用の chrome、または
3 - samsung galaxy S または HTC One または任意の Android フォンの android ブラウザー
4 - 任意の iphone ブラウザーまたはネイティブ webview でもアプリは動作します
しかし、Android (ネイティブ APK) で webview を使用して同じ URL にアクセスしようとすると、スプラッシュ スクリーンが非表示になりません。ブラウザーからアクセスすると、スプラッシュ画面が 1、2 秒間表示されたまま消え、アプリ内の最初の画面が表示されるので、「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>
誰かが何が起こっているのかの手がかりを持っているなら、私は本当に助けていただければ幸いです. ありがとう、