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

Sencha touch Windows手机上Sencha Touch和IE10的显示问题,sencha-touch,sencha-touch-2,Sencha Touch,Sencha Touch 2,我对IE10中的Sencha Touch 2.3框架存在重大问题。我有一个客户端正在等待我,以确保它在Windows phone上工作,就像目前在iPhone/Android上一样。我现在希望我没有选择这个框架,因为Chrome已经可以使用,而WebKit在IE中也不能使用,尽管我已经升级到了最新的2.3框架 我有一个简单的登录表单,它在IE中显示为空白。工具栏显示正确,但字段+按钮根本不存在。所有具有某种控件或面板的窗体都不会显示 谢谢你的帮助 更新 为了确定问题出在哪里,我正在IE10中测试

我对IE10中的Sencha Touch 2.3框架存在重大问题。我有一个客户端正在等待我,以确保它在Windows phone上工作,就像目前在iPhone/Android上一样。我现在希望我没有选择这个框架,因为Chrome已经可以使用,而WebKit在IE中也不能使用,尽管我已经升级到了最新的2.3框架

我有一个简单的登录表单,它在IE中显示为空白。工具栏显示正确,但字段+按钮根本不存在。所有具有某种控件或面板的窗体都不会显示

谢谢你的帮助

更新 为了确定问题出在哪里,我正在IE10中测试厨房水槽演示,结果甚至比我自己的应用程序还要糟糕


如果他们自己的演示不起作用,我还有什么希望

据我所知和经验,Sencha Touch 2:

  • iOS:可靠、快速且响应迅速
  • 安卓:可靠但速度慢且反应迟钝。对于小型应用程序,它在某种程度上是可以接受的。对于大型应用程序,它不是
  • Windows Phone:根本不可靠。厨房水槽演示在我的设备上的WP 8上不起作用,但在取消升级到8.1后,它部分起作用,但性能很差

因此,如果你想要构建一个具有复杂逻辑和复杂动画的大型应用程序,同时保持出色的性能,那么不要使用Sencha Touch(或者更一般地说,在我看来,任何跨平台解决方案)。

你需要关注IE设计问题,在DOM元素上支持CSS,并查看侦听器。在厨房水槽中,他们支持chrome、safari等浏览器。默认情况下,这些浏览器完全支持现代css3和高级JS。以进行额外的参考检查

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

例如:

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

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

话虽如此,正如Thiem所提到的,您已经发现,即使您设法使所有内容都正确显示,Sencha Touch的IE性能也非常糟糕。

我在开发他们的应用程序方面投入了大量资金,因为它最终将支持WP,但不幸的是,它没有。我该怎么向客户解释?!我经常给他们一个关于其当前性能和平台支持范围的免责声明。尽管他们宣传的是“Sencha Touch模糊了本机和web应用程序之间的界限”,但客户应该意识到,只有在iOS上,性能才会很快。对于其他平台,要么速度非常缓慢,要么你需要花费大量时间进行优化,这会导致你的应用程序伸缩性降低,从而失去与本机应用程序相比的基本优势。好的,谢谢。我希望没有人和我走同一条路而被咬!实际上我更喜欢避开IE,它是魔鬼浏览器我同意,不过Windows Phone使用IE,所以我不能忽视这一点;)