【问题标题】:how to speed up phonegap jquery mobile page changes如何加快phonegap jquery移动页面更改
【发布时间】:2012-11-01 15:51:23
【问题描述】:

我目前正在与一位开发人员合作,该开发人员正在开发一个使用 Phone Gap 的相对简单的数据捕获 iPad 应用程序的早期阶段。从 UI 功能上看,该应用程序本质上是:-

  • 5 个数据捕获“页面”
  • 顶部的导航栏带有 5 个选择器,分别指向每个页面
  • 当您加载应用程序时,您位于第 1 页,向左滑动会引入正常的幻灯片动画并将您移动到第 2 页等
  • 当您单击其中一个选择器时,它会引入幻灯片动画并将您移动到该页面
  • 这些页面有简单的数据输入字段、图像和滑块等 - 出于本次测试的目的,我们甚至删除了所有这些,只在每个页面上放置一个占位符字段。

目前我们正在努力克服的关键问题是,无论何时您移动到另一个页面(通过在导航器上滑动或选择),在过渡开始和新页面出现之前都会有 1-2 秒的延迟.即使我们从页面中删除图像,也会存在 1-2 秒的延迟。我们希望将此延迟降低到

从技术层面来说,这是应用程序的组成部分:-

  • JQM 1.2.0
  • 各种 jQuery 版本高达 1.8.2
  • Web 2.0(HTML5、CSS3、jScript)
  • WebKit
  • 目前使用的是单文件多页(不过试过多页也没什么区别)
  • 硬件加速、WebKit 调整、同步转换
  • 众多 JQM 和 jQuery 插件

我们是 PhoneGap 和 iOS 应用开发的新手。我们正在继续研究尝试克服这种速度延迟的方法,并想知道:-

  1. 有没有人开发过这样的应用程序并设法获取页面 切换/刷卡会顺利且接近原生地发生吗? (和大多数 绝对延迟不到 1 秒)
  2. 是否有任何可靠的提示/途径可供探索以显着提高页面切换速度?
  3. 是否有人强烈认为我们所看到的可能是 使用 PhoneGap 进行开发时可以获得的最佳效果,如果是,是否存在 也主要使用网络技术的替代方案,不 需要 Xcode 知识,并且比这更具有视觉性能?

如果任何人都可以就此提供任何提示和见解,我将不胜感激,因为如果无法解决此延迟和迟缓问题,我们可能需要放弃 Phone Gap 并寻找一个不简单的原生解决方案在我们的情况下的选择。非常感谢您对我第一次发布堆栈溢出的支持!

【问题讨论】:

  • 您应该说明您正在测试的 iPad 版本。他们有截然不同的规格。此外,您应该发布您正在尝试优化的代码,以便我们知道您在哪里。
  • 还试图在没有代码的情况下确定:这是否也会在不使用 phonegap 的情况下发生?如果是这样,您是否检查过 Firebug 延迟可能源自 = ajax 延迟触发? ajax 触发正常,但是在 ajax 成功和转换之间,系统停止,...
  • 好点 - 我们正在运行 iOS6 的 iPad2 上进行测试。不确定这在不使用 phonegap 的情况下是否也能工作,因为这是我们第一次尝试为 iPad 构建应用程序 - 我们还没有尝试任何其他框架。

标签: cordova jquery-mobile


【解决方案1】:

jQuery Mobile 默认为点击事件添加了 300 毫秒的延迟 - 它正在监听诸如双击和滑动之类的事情。如果您不使用任何这些类型的事件,请考虑合并 FastClick(可用 on this thread),它解决了我在 PhoneGap/jQueryMobile 应用程序中的速度问题。

【讨论】:

【解决方案2】:

这里是我个人的看法。在尝试让 jQuery mobile 感觉原生时,我没有太多运气。我使用一个名为App-UI 的框架来处理页面转换并作为我的应用程序的基本框架(这个框架是超轻量级的)。然后我用纯 CSS 设计 UI。 (这会使应用程序感觉更加原生 - 尝试使用 CSS3 处理过渡)。

https://github.com/triceam/app-UI

这需要其他依赖项,包括:

再次,这是我自己的看法。在开发感觉原生的移动应用程序时,这对我来说最有效。

【讨论】:

    猜你喜欢
    • 2012-04-02
    • 1970-01-01
    • 2012-07-08
    • 2014-04-21
    • 2012-11-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多