jQuery Mobile适用于移动和桌面？

Question

我正在开发一个网络应用程序.MySql/PHP后端,以及HTML/jQuery前端.

我想使用jQuery UI框架.

现在看到jQuery Mobile已经出局了,我想让移动设备尽可能地访问应用程序.

我用谷歌搜索,但没有找到质量答案.

如果我使用jQuery Mobile,我可以使用相同的代码完成所有工作吗？

如果从移动浏览器访问,我希望它显示移动小部件.
但是使用jQuery UI小部件可以从桌面浏览器访问.

这可能只是通过使用jQuery Mobile及其标记,或者我必须分别编写移动(jQuery Mobile)和桌面(jQuery UI)的前端？

也就是说,如果从桌面浏览器访问,jQuery Mobile可以自动"回退"到jQuery UI.

Answer 1

我认为这很大程度上取决于你想要做什么以及你想要捕捉的功能.如果您希望网页在移动设备和同一桌面上以某种方式运行,那么通过一些仔细的编码/测试,您可以使用jquery.mobile.

如果你查看了jquery.mobile(未压缩版本)的CSS,你可以直接编辑代码,以便按照你想要的特定屏幕尺寸的方式显示HTML元素.只需选择适合桌面/大屏幕尺寸的尺寸即可.

根据你想在你的移动版条款完成什么,我也想看看jQTouch -它允许移动特有的功能,如"龙头"(代替"点击"),作为一个例子-而且还有一个desktopCompatability选项,因此它可以恢复桌面浏览器.

请注意,使用这些库中的任何一个,您仍然需要根jquery库.

希望这可以帮助.

Answer 2

首先,您必须考虑移动设备和桌面设备的工作流程差异很大.尝试在桌面版和移动版之间切换不仅仅是资源之间的切换.

其次,两个UI框架在使用方式上存在很大差异.jQuery UI是一个小部件的集合,你可以在你喜欢和喜欢的地方调用它,它在某种意义上是库(ish),它有一个CSS框架支持它.jQuery mobile的工作方式完全不同,但默认情况下它是一个标记驱动的框架,要启动它并运行它不需要你甚至写一行Javascript.

我的建议是将数据层视为公共代码,将客户端视为2个完全独立的工作.我个人已经设法使用常见的REST Web服务创建应用程序.我使用jQuery UI来使用webservices并为客户端创建mashup.然后我为移动版本使用webservices服务器端来生成jQuery-mobile html页面以便在移动设备上使用.

另请注意,使用jQuery Mobile在客户端生成动态HTML肯定会让您感到非常头疼.在项目成熟之前,我将仅使用它来增强框架的高度语义标记.创建一个良好的可靠数据层,其余的将是小便:)

Answer 3

以下是完整的源代码:https://github.com/ti-dev/Scrum-it,适用于开源Scrum Board,专为桌面设备和Apple iPad设计.因此,可以将这两个世界组合在一个网页中.