测试 Sencha Touch 应用程序的最佳桌面浏览器?

Posted

技术标签:

【中文标题】测试 Sencha Touch 应用程序的最佳桌面浏览器?【英文标题】:Best desktop browser to test Sencha Touch application? 【发布时间】:2010-09-23 13:30:56 【问题描述】:

在没有 iPhone/android 手机的情况下进行测试,哪种桌面浏览器最适合 Sencha Touch?我尝试了 Chrome 和 Safari,它们运行良好,但似乎都没有什么问题。 Firefox 和 IE 显然不能与 Sencha Touch 一起使用。有没有秘密武器,比如移动浏览器的端口?

【问题讨论】:

【参考方案1】:

有一个名为 Ripple 的 Chrome 扩展程序非常好,但大多数东西都可以在 Chrome 中高效地进行测试。当您需要测试手机 UI 时,请在脚本开头设置 Ext.is.Phone = true;

【讨论】:

【参考方案2】:

您应该在 Mac 上使用 iPhone/iPad 硬件模拟器,或者如果您在 Windows 上使用 Android 模拟器。桌面浏览器将带您到达那里 - 尤其是桌面 safari - 尽管有足够的差异,您应该真正使用其中一个模拟器

【讨论】:

我同意这一点,但有两个警告;模拟器只模拟软件,不模拟硬件;所以模拟器上的性能可能比实际设备上的要好。在模拟设备和实际设备之间进行测试时,我也遇到了一些 CSS 差异。 Chrome 和 Safari 都是很好的中间解决方案,特别是对于 DOM 探索及其 javascript 控制台和日志记录。但是总是在实际设备上测试,怎么强调都不为过。【参考方案3】:

在线 ipad 模拟器的直接链接是:http://ipadpeek.com/

【讨论】:

【参考方案4】:

在 Windows 上,Google Chrome 是我最喜欢的浏览器。当我完成应用程序的一部分开发后,我会在我的真实设备上测试它,HTC 的欲望(Android)。正如预期的那样,真正的设备比桌面浏览器慢得多,尤其是在动画方面,例如滑动标签和轮播。

【讨论】:

【参考方案5】:

我会说 Google chrome 是迄今为止最好的浏览器......它是运行 sencha touch 应用程序的理想浏览器,因为它包含 webkit..

您也可以使用内置 iphone/iPad 模拟器的 Titanium (you can download it here),但为此您需要 Mac 并且还必须下载 ios sdk。 在这些模拟器上工作是一种很棒的体验。

【讨论】:

以上是关于测试 Sencha Touch 应用程序的最佳桌面浏览器?的主要内容,如果未能解决你的问题,请参考以下文章

Sencha Touch 工作流程

Sencha Touch MVC 最佳实践

使用鼠标滚轮在桌面上的 Sencha Touch 应用程序中滚动

Sencha Touch 和 ExtJS

在 Sencha touch 中将 HTML 和 javascript 文件添加到 Ext.Panel 的最佳方法

Sencha Touch:输入键提交表单