Sencha Touch在WebView中 [英] Sencha Touch in WebView

问题描述

我刚刚听说过 Sencha touch ，并想尝试一下。所以我刚刚复制了一个例子，并将所有内容上传到我的网络空间。 webapp与Google Chrome在我的桌面电脑以及iPhone / Android手机浏览器上配合使用。但我的想法是，我可以构建一个非常小的应用程序，只包含一个标准的Webview，并让这个Webview显示webapp。但我所得到的只是一个空白的屏幕。

I've just heard about Sencha touch and wanted to give it a try. So I just copied one of the examples and uploaded everything to my webspace. The webapp works with Google Chrome on my desktop pc and also with iPhone/android mobile browsers. But my thought was that I could build a very tiny app that contains nothing but a standard webview and let this webview display the webapp. But all I get is a blank screen.

这不是应该工作还是我做错了？

Is this not supposed to work or am I doing something wrong?

这里是sencha应用程序js）：

Here the sencha app (app.js):

Ext.application({                                                                                                                                                                  
name: 'Sencha',                                                                                                                                                                  

launch: function() {                                                                                                                                                             
    Ext.create("Ext.TabPanel", {                                                                                                                                                 
        fullscreen: true,                                                                                                                                                        
        tabBarPosition: 'bottom',                                                                                                                                                

        items: [                                                                                                                                                                 
            {                                                                                                                                                                    
                title: 'Home',                                                                                                                                                   
                iconCls: 'home',                                                                                                                                                 
                cls: 'home',                                                                                                                                                     
                html: [                                                                                                                                                          
                    '<img width="65%" src="http://staging.sencha.com/img/sencha.png" />',                                                                                        
                    '<h1>Welcome to Sencha Touch</h1>',                                                                                                                          
                    "<p>You're creating the Getting Started app. This demonstrates how ",                                                                                        
                    "to use tabs, lists and forms to create a simple app</p>",                                                                                                   
                    '<h2>Sencha Touch (2.0.0pr1)</h2>'                                                                                                                           
                ].join("")                                                                                                                                                       
            },                                                                                                                                                                   
            {                                                                                                                                                                    
                xtype: 'list',                                                                                                                                                   
                title: 'Blog',                                                                                                                                                   
                iconCls: 'star',                                                                                                                                                 

                itemTpl: '{title}',                                                                                                                                              
                store: {                                                                                                                                                         
                    fields: ['title', 'url'],                                                                                                                                    
                    data: [                                                                                                                                                      
                        {title: 'Ext Scheduler 2.0', url: 'ext-scheduler-2-0-upgrading-to-ext-js-4'},                                                                            
                        {title: 'Previewing Sencha Touch 2', url: 'sencha-touch-2-what-to-expect'},                                                                              
                        {title: 'Sencha Con 2011', url: 'senchacon-2011-now-packed-with-more-goodness'},                                                                         
                        {title: 'Documentation in Ext JS 4', url: 'new-ext-js-4-documentation-center'}                                                                           
                    ]                                                                                                                                                            
                }                                                                                                                                                                
            }                                                                                                                                                                    
        ]                                                                                                                                                                        
    }).setActiveItem(1);                                                                                                                                                         
}                                                                                                                                                                                
});

index.html：

index.html:

<!DOCTYPE html>
<html>
 <head>
    <title>Getting Started</title>
    <link rel="stylesheet" href="touch/resources/css/sencha-touch.css" type="text/css">
    <script type="text/javascript" src="touch/sencha-touch-all.js"></script>
    <script type="text/javascript" src="app.js"></script>
 </head>
<body></body>
</html>

推荐答案

检查的路径。 js 和 .css 您要添加的文件 index.html

Check the path of .js and .css files you are adding in index.html

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

also make sure you are using chrome or safari to see the output..

这篇关于Sencha Touch在WebView中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！