【问题标题】:HTML Mobile web application responds slowlyHTML 移动 web 应用程序响应缓慢
【发布时间】:2013-12-28 02:52:03
【问题描述】:

我正在开发我的第一个跨平台网络应用程序,在将我的应用程序打包到不同的设备(Android 或 iPhone)后,我发现了“输入控件响应缓慢”的问题。例如:按钮点击响应不流畅,并且有短暂的延迟(因为背景上的触摸事件?)。

无论如何,在调查了更多之后,我发现有一种方法可以使用 Google UI 输入来处理它(希望我理解正确),现在它似乎比我想象的要复杂一些(例如绑定触摸事件)。

  1. 我想知道,让我的应用程序在不同的移动设备上像在我的 PC 浏览器上一样流畅地响应的传统方法是什么?
  2. 另外,我猜我应该知道的事情很少,我相信我以后会遇到它,请随时向我提供任何额外的细节。

正如我所说,这是我的第一个应用程序:}

【问题讨论】:

  • 您可以使用 ontouchstart 而不是 onclick 来避免延迟,但要小心:您不能再滚动/捏合该元素。你也可以试试 fastclick 脚本。
  • 那么所有其他输入呢?而且,我还应该实现 onclick 行为吗?

标签: javascript android html mobile web


【解决方案1】:

为 android 设备开发基于 html 的应用程序的问题在于硬件加速。大多数 android 设备不支持基于 html 的应用程序的硬件加速,即使你做了一些你能找到的技巧。 (使用 translate3d 等)。我强烈建议,如果你想在你的应用程序上获得流畅的体验,你应该使用 android SDK 在 java 上开发它。我一直试图在基于 html5 的 android/iOs 应用程序上获得最佳体验,但我最终使用了 sdk。

【讨论】:

  • 听起来您驳斥了开发适合所有设备的应用程序的本质。我仍然不明白它是如何说可以开发 html5 Web 跨平台应用程序并实现流畅的行为。我确信我可以找到与我尝试创建的行为一样的应用程序。
  • 听起来应该给它一个 android sdk 的拍摄,你会惊讶地发现,在兼容性方面,它工作得非常好。如果您正在尝试一个简单的应用程序,它有几个屏幕,而不仅仅是一个菜单列表,那么您的方法是正确的。我必须坚持你应该更多地研究可扩展性和兼容性。希望对您有所帮助。
  • 首先感谢您在这里的解释。我没有选择分别开发到 android 和 iPhone 设备的选项,跨平台应用程序对我来说似乎是更好的方式。你能解释一下它仍然说 HTML5 应用程序应该在设备上表现良好吗?
  • 是的。如果你想要一个适用于 android 和 ios 的本机应用程序,我建议你使用类固醇(而不是 anabolics :P)。类固醇,如 phonegap,为基于 html5/css3 的应用程序带来简单的开发框架。我会选择类固醇,因为它为您提供了一些工具,可以让您以简单的方式将应用程序模块化为 MVC 模式。类固醇它基于 Node.js(面向免费事件的 JavaScript 服务器)。它真的很容易上手,但我随时在这里为您提供帮助。我真的很抱歉我的英语(不,我不是 xD)。希望对您有所帮助。
  • 你的英语很好,谢谢 :) 但你没有完全回答我的问题,我确实使用 PhoneGap,目前我只有一个简单的客户端 html 页面(运行缓慢),我问了什么你是基本上人们如何使用 HTML5 进行开发并且没有缓慢? (考虑到也有运行完美的 html 游戏..)
猜你喜欢
  • 1970-01-01
  • 2013-10-31
  • 1970-01-01
  • 2023-03-19
  • 1970-01-01
  • 2014-05-09
  • 2014-07-07
  • 2016-05-08
  • 1970-01-01
相关资源
最近更新 更多