是jquery-mobile"移动第一"

tou*_*tpt 5 mobile jquery web-applications jquery-mobile

我已经读过Luke WROBLEWSKI的书"Mobile first"以及关于该主题的许多其他读物.我是一名网络开发人员,现在我确信"移动优先"或"渐进增强"是最佳选择.

现在我正在寻找一个实现这一目标的框架.

JQuery移动annonce他们是"移动第一"但我在某些日子里尝试过,现在我倾向于说"不是不是".你不能把它与其他框架混合在一起; 它确实可以保留DOM中的所有页面(使用ajax强制加载),这样就不会让我的生活更轻松.尝试使用它来逐步增强和完成桌面版本而不卸载它,似乎是不可能的.我的意思是你不想在桌面电脑上放置大按钮,所以我想我只需要删除框架的js和css,这听起来很奇怪.我甚至不知道是否可能.

JQuery mobile看起来像一个框架,可以实现您网站的专用移动网络版本,其外观和感觉不仅仅是移动的第一个网站.

所以请有人告诉我我错在哪里:*jQuery mobile真的是"移动优先"吗?*我可以使用jquery mobile进行渐进增强(使用桌面作为最后一个目标)吗?如果是,请告诉我如何.

以下是相应的页面,告诉jquerymobile首先是移动设备:http://view.jquerymobile.com/1.3.0/docs/intro/#ProgressiveEnhancement

我也尝试了zurb的基础,它运作良好,但没有提供足够的小部件或工具来提供漂亮的mobiel UI.混合两者将是重点,但它需要很多工作(CSS冲突+可能是JS冲突),我甚至不知道它是否可能.

有关如何在移动第一个上下文中使用jquery mobile的任何建议都将受到欢迎!

Gaj*_*res 8

基本理念

让我们从一开始就让大家了解,移动的定义首先是:

Mobile First的理念是首先应该为移动设备设计网站,包括网站访问者最常使用的那些任务/项目.然后随着屏幕空间的增加,根据用户优先级根据需要添加任务/功能.

报价取自这里.

jQuery Mobile的优点和缺点

根据我的经验,没有任何现有的框架可以首先移动设备下完全分类.jQuery Mobile已经关闭但还不够.

首先,我同意你的观点,即jQuery Mobile不能与其他框架一起使用.jQM是一个可定制的框架,它可以完全自定义到几乎其他可用的框架.

如果你想使用骨干或淘汰赛,它可以根据他们的MVP或MVC架构进行定制.如果您想使用类似的框架,他们只使用您想要的jQM 功能.你只需要Google吧.

但是,我会不断重复它,目前jQM并不是桌面开发的好"开箱即用"平台.这只是事实.虽然它确实提供了适用于桌面浏览器的小部件,但它们仍然看起来像超大尺寸的移动小部件.

第二大缺点是他们的官方文件.虽然在某些细分市场中非常详细,但它存在大量错误,非现有示例,缺少API描述.看起来有人向你解释了汽车是什么,但忘了提及如何正确驾驶它.

好例子

这可以修复,遗憾的是只有大量的定制.根据定义,这不是移动的第一个框架.但是为了使我的观点更精确,这是移动/桌面环境中jQM使用的一个很好的例子:Mobile Songmeanings.尊重这些开发人员,他们在将移动设备与桌面设备合并方面做得非常出色.不幸的是,这只是平庸海洋中的一滴美丽.

常见解决方案

解决此问题的最常见方法是使用移动设备的jQM和桌面环境的jQ UI.我们还应该在这个混合中添加一个Modernizer,因为我们需要它:

  • 将移动环境与桌面环境分开
  • 根据检测到的环境创建动态内容加载器(js和css)

最后的想法

如果你想要简单的开箱即用解决方案,那么我不建议使用jQuery Mobile.它需要几个月的命中和错过学习,开发和测试,好的和坏的方面,如何使用它与其他框架等完全理解它.