在Visual Studio和Android模拟器中,Sencha Touch应用程序在浏览器中显示为空白

时间:2012-12-15 07:41:43

标签: sencha-touch

我刚开始使用Sencha Touch并下载免费商业版。我在Visual Studio中尝试以下示例,但我在浏览器中显示Sencha Touch应用程序空白。我在Safari(版本5.1.7)和Chrome(版本23)中尝试过。 [我也能够在safari中看到下载的Sencha框架提供的示例,但不能在Chrome中看到)。 我使用IDE eclipse在Android中尝试的相同应用程序。但也有android模拟器没有显示任何内容。

请帮我找出问题。

代码: -

  <!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title></title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="author" content="" />
    <meta name="viewport" content="width=device-width; initial-scale=1.0" />
    <!-- !CSS -->
    <link href="/content/css/sencha-touch.css" rel="stylesheet" type="text/css" />
    <!-- !JS -->
    <script src="/content/js/sencha-touch.js" type="text/javascript"></script>
    <script type="text/javascript">
        Ext.setup({
            onReady: function () {
                // create the root panel
                new Ext.Panel({
                    fullscreen: true,
                    html: "Sencha Touch is ready!"
                });
            }
        });
</script>
</head>
<body>
</body>
</html>

enter image description here

感谢。

4 个答案:

答案 0 :(得分:0)

我认为您应该查看入门文档here

您将使用Visual Studio作为文本编辑器,这很棒,但Architect产品可能会帮助您加快速度,我认为有免费版本。

如果您仍然遇到问题,浏览器“控制台”中的错误将有助于您可能遇到的其他错误。

答案 1 :(得分:0)

您是否尝试将index.html文件设置为“启动”页面?

在VS解决方案资源管理器中,右键单击index.html文件,然后选择“设置为起始页”。

答案 2 :(得分:0)

如果您正在使用visual studio,那么显然在Windows上使用IIS服务器。 要实现这一点,只需将扩展名为.json的新MIME类型“JSON”添加到我们的服务器即可。 IIS默认不处理json mime类型。 祝你好运。

答案 3 :(得分:0)

最好使用(调试时)谷歌浏览器,并且无法在 IE或Firefox 中使用。

如果您在Google Chrome中启动,那么您会看到结果。