什么时候应该使用jQuery Mobile？什么是正确的“用例”？

Question

根据SO的常见问题解答，解决“程序员常用的软件工具”的问题是合适的，所以这里就是这样。

我喜欢jQuery Mobile的UI，但我真的很喜欢响应式设计，我的网站会根据屏幕大小（媒体查询等）做出响应。 那么jQuery Mobile适合哪种方式？

比如说......

1. 我已经在我的所有屏幕尺寸上设计了我的网站的“外观和感觉”。
2. 我的设计目前不使用任何jQuery Mobile UI元素（任何大小）。
3. 那么......我的网站如何通过使用jQuery Mobile获益？
4. 我不是必须重做我的整个网站才能使用jQuery Mobile吗？
5. 或者jQuery Mobile只是（或主要）适用于移动 应用 ？

令人惊讶的是，我看到很多教程可以直接进入 HOW 来使用它，但是跳过 WHY 和 WHEN 使用它。

Answer 1

是的jQuery Mobile仅适用于移动应用，这意味着它将在不同的网页中用于现有的桌面网站。

如您所述，可以使用“响应式设计”创建移动网站，但jQuery Mobile不仅如此，它还可用于完全专用的移动网站。

我会这样看：

- 如果您希望网页在桌面浏览器上看起来不错，但也可以在移动设备上查看，请使用响应式设计技术，例如CSS Media Queries

- 如果您想要将移动设备转发到的单独移动页面（例如www.mysite.com/mobile），jQuery Mobile适合您

另外值得注意的是，JQM针对移动浏览器进行了优化，减少了服务器发出的http请求数量（当您使用3G连接时很重要等），这是您的普通网站可能不会做的事情。

Answer 2

jQuery Mobile是一个框架，它不是你只需插入现有应用程序的东西。如果您已经拥有一个功能齐全的网站，那么jQuery Mobile将无法提供帮助。

Answer 3

我认为jQuery Mobile主要用于移动应用程序。它为您提供了基本上已经创建的UI，您可以轻松调整您的需求，以创建一个很酷的应用程序。