jquery - 什么时候应该使用 jQuery Mobile？正确的 "Use Case"是什么？

Question

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

我喜欢 jQuery Mobile 的 UI，但我只是真正进入响应式设计，我的网站根据屏幕大小(媒体查询等)进行响应。 那么 jQuery Mobile 适合其中的什么位置呢？

举个例子...

1. 我已经设计了适合所有屏幕尺寸的网站的“外观和感觉”。
2. 我的设计当前未使用任何 jQuery Mobile UI 元素(任何尺寸)。
3. 那么……使用 jQuery Mobile 对我的网站有何好处？
4. 我真的需要重做整个网站才能使用 jQuery Mobile 吗？
5. 或者 jQuery Mobile 只是(或主要)用于移动应用？

令人惊讶的是，我看到这么多教程直接跳到如何使用它，但直接跳过为什么 和何时使用它。

Answer 1

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

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

我会这样看:

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

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

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