Question

我在IE10中遇到了Sencha Touch 2.3框架的主要问题。我有一个客户端正在等待我确保它在Windows手机上运行，就像它目前在iPhone / Android上一样。我现在离开了，希望我没有选择框架，因为Chrome已经可以使用，而且即使我已经升级到最新的2.3框架，WebKit也无法在IE中运行。

我有一个简单的登录表单，在IE中显示空白。工具栏正确显示但字段+按钮根本不存在。所有具有某种控制或面板的表格都没有显示。

任何帮助表示感谢。

更新为了尝试确定问题是什么我正在测试IE10中的Kitchen Sink演示，结果甚至比我自己的应用程序更糟糕！

http://dev.sencha.com/deploy/touch/examples/production/kitchensink/#demo/forms

如果他们自己的演示不起作用，对我有什么希望？

Answer 1

以我对Sencha Touch 2的最佳知识和经验：

iOS：可靠，快速，反应迅速。
Android：可靠但缓慢且无响应。对于小应用程序，它在某种程度上是可以接受的。对于大型应用程序，它不是。
Windows Phone：完全不可靠。厨房水槽演示在我的设备上的WP 8上不起作用，但是在取消分配到8.1之后它会部分工作，但性能很糟糕。

因此，如果您打算构建一个具有复杂逻辑的大型应用程序，那么请不要使用Sencha Touch（或者更常见的是，在我看来，任何跨平台解决方案）。复杂的动画，同时保持良好的性能。

Answer 2

我发现ExtJS和Sencha Touch一样，有时需要设置一些组件的高度和/或宽度才能在IE中正确显示。对于未显示的最顶层组件执行此操作。通常，将高度和宽度都设置为100％而不是使用特定像素值就足够了。

例如：

Ext.define('Login.view.LoginForm', {
    extend: 'Ext.form.Panel',

    config: {
        height: '100%',
        width: '100%',
        items: [
            //other stuff
        ]
     }
});

话虽如此，正如Thiem所说，并且你已经发现，IE的表现与Sencha Touch的表现相差甚至，即使你以某种方式设法让所有东西都能正确显示。

Answer 3

您需要通过在DOM元素上支持CSS并关注侦听器来专注于IE设计问题。在厨房水槽中，他们支持Chrome，safari等浏览器。这些浏览器默认为现代css3和高级JS提供全面支持。要进行其他参考检查this。

在Windows手机上显示Sencha Touch和IE10的问题

3 个答案: