Extjs WebView中的senchatouch

我刚听说，想试试看。因此，我只是复制了其中一个示例，并将所有内容上传到我的Web空间

该web应用程序与我的桌面pc上的Google Chrome以及iPhone/android移动浏览器配合使用。但我的想法是，我可以构建一个非常小的应用程序，它只包含一个标准的

webview

，并让这个web视图显示web应用程序

但我得到的只是一个空白屏幕

这不应该起作用，还是我做错了什么

这里是sencha应用程序（app.js）：

Ext.application({
名称:"Sencha",，
启动：函数（）{
Ext.create（“Ext.TabPanel”{
全屏：对，
tabBarPosition:'底部'，
项目：[{
标题:"家",，
iconCls:“家”，
cls:“家”，
html:[
'',
“欢迎来到Sencha Touch”，
“您正在创建入门应用程序。这演示了如何”，
“要使用选项卡、列表和表单创建简单的应用程序
”，
‘Sencha Touch（2.0.0pr1）’
].join（“”）
}, {
xtype:'列表'，
标题:"博客",，
iconCls:'明星'，
itemTpl:“{title}”，
商店：{
字段：['title'，'url']，
数据：[{
标题：“Ext Scheduler 2.0”，
url:'ext-scheduler-2-0-upgrading-to-ext-js-4'
}, {
标题：“预览Sencha Touch 2”，
url:“sencha-touch-2-what-to-expect”
}, {
标题：“Sencha Con 2011”，
url:“senchacon-2011-now-packeted-with-more-goodness”
}, {
标题：“Ext JS 4中的文档”，
url:'new-ext-js-4-documentation-center'
}]
}
}]
}).第（1）项；
}
});

index.html：

开始

代码似乎是正确的。请检查

.js

和

.css

文件。应该在

index.html

中正确添加它们。我更改的是：为Android Webview启用JavaScript：

WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);

并在我的app.js中添加了以下行

viewport: { autoMaximize: false },

---

检查要添加到

index.html中的
.js
和
.css
文件的路径

还要确保您正在使用chrome或safari查看输出

Ext.application({
  name: 'Orchdid Mobile',
  viewport: {
    autoMaximize: true
  },
  launch: function () {.......}
});

对于Sencha Touch 2

您的平台是什么？您是在浏览器上开发的吗？有日志吗？我想你应该提供更多的信息。试着转义会在运行时破坏javascript的引号。我不知道你说的“你是在浏览器上开发的吗？”是什么意思，但我用android webview和iPhone webview测试了webapp。逃避任何引用对我来说没有多大意义，因为我从我提到的一个官方示例中复制了app.js。
viewport: { autoMaximize: false },

Ext.application({
  name: 'Orchdid Mobile',
  viewport: {
    autoMaximize: true
  },
  launch: function () {.......}
});