根据SO的常见问题解答,解决“程序员常用的软件工具”的问题是合适的,所以这里也是如此.
我喜欢jQuery Mobile的UI,但我真的很喜欢响应式设计,我的网站根据屏幕大小(媒体查询等)做出响应.那么jQuery Mobile在哪里适合?
比如说……
>我已经在我的所有屏幕尺寸上设计了我的网站的“外观和感觉”.
>我的设计目前不使用任何jQuery Mobile UI元素(任何大小).
>那么……我的网站如何通过使用jQuery Mobile获益?
>我不是必须重做我的整个网站来使用jQuery Mobile吗?
>或者仅仅(或主要)用于移动应用程序的jQuery Mobile?
令人惊讶的是,我看到如此多的教程直接进入HOW使用它,但跳过WHY和WHEN使用它.
解决方法
是的jQuery Mobile仅适用于移动应用程序,这意味着它将在不同的网页中用于现有的桌面网站.
如您所述,可以使用“响应式设计”创建移动网站,但jQuery Mobile不仅如此,它还可用于完全专用的移动网站.
我会这样看:
– 如果您希望网页在桌面浏览器上看起来不错,但也可以在移动设备上查看,请使用响应式设计技术,例如CSS Media Queries
– 如果您想要移动设备转发的单独移动页面(例如www.mysite.com/mobile),jQuery Mobile适合您
另外值得注意的是,JQM针对移动浏览器进行了优化,减少了服务器发出的http请求数量(当您使用3G连接时很重要等),这是您的普通网站可能不会做的事情.