我应该为移动 Web 应用程序使用哪种技术：HTML5 还是 jQuery Mobile？答案

【问题标题】：Which technology should I use for a mobile web app: HTML5 or jQuery Mobile?我应该为移动 Web 应用程序使用哪种技术：HTML5 还是 jQuery Mobile？
【发布时间】：2011-07-14 07:51:15
【问题描述】：

我被指派构建一个移动网络应用程序。我找到了两种开发方法（可能有数百种其他方法可以做到这一点，但我知道这两种方法）：jQuery Mobile 和 HTML 5。

我应该使用哪一个？该应用程序将是一个普通的网络应用程序，如购物网络应用程序或用户管理系统。

我正在寻找在不同手机中的兼容性以及具有快速处理能力的出色 UI。

【问题讨论】：

@Paul D. Waite 感谢您的纠正，现在它变得有意义了。发生这种情况是因为我不是以英语为母语的人。 :-\
jQuery Mobile 网站是 HTML5 网站。这些不是竞争技术。
@Chris：完全没问题，不客气！当我们都必须用中文发布到 Stack Overflow 时，我希望其他人也为我做同样的事情:)
jquery mobile 很好，现在改进了很多，虽然仍然有一些限制，但这也取决于你到底在寻找什么

标签： html jquery-mobile mobile-website

【解决方案1】：

所以，我知道的方式是 JQuery mobile 和 HTML 5。

我应该使用哪一个？

这不是使用一个或另一个的情况 - 您使用两者来创建解决方案。

HTML5 提供了呈现内容的框架，无论是文本、图像、视频、音频还是上述内容的任何混合。

jQuery（原始或移动）用于“渐进式增强”，即为 HTML5 框架提供附加功能、特性或风格。

为确保在大多数设备上实现最佳兼容性，您希望拥有一个无需 jQuery 增强即可使用的网站。然后，一旦你有了它，你就可以使用 jQuery（和/或标准 javascript）来添加“nice-to-have”，比如动画、AJAX 交互、地理定位等。

【讨论】：

“为确保在大多数设备上实现最佳兼容性，您希望拥有一个无需 jQuery 增强即可使用的网站。” ——真的？是否会有相当多的人尝试在不支持 JavaScript 的设备上使用此购物/用户管理应用？
@Paul：诚然，越来越少的人在不打开 javascript 的情况下浏览网页，但话虽如此，我认为这仍然是一个很好的做法，因为它可以确保网站是可抓取的，而且意味着通过缓慢或不稳定的连接访问网站时，网站遭受重大降级的可能性较小。即使连接速度更快，在 javascript 增强功能启动之前出现的无样式或不完整内容也会让一些访问者/客户感到不安。
网站网站，当然。对于 Web 应用程序，可抓取性可能并不重要。如果某人的连接速度很慢，那么需要往返服务器的纯 HTML 应用程序可能会比使用一点 JavaScript 的应用程序慢。
@Paul：我明白你的意思，但我坚持声明。尤其是我目前正在进行的项目是 iPad App Container 中的 HTML5/jQuery，它仍然是正确的。即使资源存储在设备本地，渲染 javascript 创建/控制的元素的（轻微）延迟也意味着 HTML 必须首先完成，并且在此之上的任何增强/交互对于用户。
哦，当然——如果你把服务器排除在外，那么更少的 JavaScript 意味着一个响应更快的应用程序。不过，我不确定它是否真的有资格作为网络应用程序。（我假设您的应用不会回调网络服务器以获得功能——如果我误解了，请道歉。）

【解决方案2】：

Lucanos 是正确的，因为 HTML 和 jQuery 不是替代品。（浏览器显示 HTML，然后您编写 JavaScript——可能使用 jQuery 之类的框架——在必要时以自定义方式操作该 HTML。）

但是，如果您使用 Apple 意义上的“HTML5”（即描述 HTML5、CSS3 和特定于浏览器的 CSS 扩展），则需要做出一些选择 - 例如一些基于 WebKit 的移动浏览器支持 CSS 动画，这应该比 JavaScript 动画执行得更快。

我对 jQuery Mobile 不熟悉——它可能会在支持时使用 CSS 动画，并在不支持时模拟它们，这意味着您可以获得更广泛的兼容性而不会产生太多运行时性能成本。

但是对于移动设备，我个人认为你最好选择最流行的平台（即 iOS 和 Android），并编写它们的功能，而不用使用像 jQuery Mobile 这样的框架。这样一来，您就可以更轻松地服务于大部分市场（从而更好地为他们服务），而不是让每个人都下载 jQuery Mobile 只是为了服务一些无论如何一两年内就会被淘汰的旧手机。

免责声明：这完全取决于您的目标市场。如果他们都使用旧手机，请写下这些手机的功能。

【讨论】：