jquery-mobile 是“移动优先”吗[关闭]

Question

我已经阅读了 Luke WROBLEWSKI 的《Mobile first》一书以及有关该主题的许多其他读物。我是一名网络开发人员，现在我深信“移动优先”或“渐进式增强”是必经之路。

现在我正在寻找一个框架来实现这一点。

JQuery mobile 宣布他们是“移动优先”，但我已经尝试了几天，现在我倾向于说“不，它不是”。您不能将其与其他框架混合使用；它有一些技巧，比如将所有页面保留在 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 的建议！

Answer 1

基本思路

让我们从头开始，让大家明白，mobile first的定义是：

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

引用自here。

jQuery Mobile 的优缺点

根据我的经验，没有任何现有框架可以完全归类为移动优先。 jQuery Mobile 已关闭但还不够。

首先，我同意您的说法，即 jQuery Mobile 不能与其他框架一起使用。 jQM 是一个高度可定制的框架，它可以完全定制到几乎其他可用的框架。

如果您想使用骨干网或淘汰赛，可以将其定制为他们的 MVP 或 MVC 架构。如果您想将它与类似的框架一起使用，他们只使用您想要的 jQM functionality。你只需要谷歌它。

但是，我会不断重复，目前 jQM 不是一个好的“开箱即用”桌面开发平台。这就是事实。虽然它确实提供了适用于桌面浏览器的小部件，但它们看起来仍然像超大的移动小部件。

第二大缺点是他们的官方文档。虽然在某些部分非常详细，但它有大量错误、不存在的示例、缺乏 API 描述。看起来有人向您解释了什么是汽车，但忘记提及如何正确驾驶。

好例子

这可以修复，不幸的是只有通过大量的自定义。根据定义，这不是移动优先框架。但为了让我的观点更准确，这里有一个在移动/桌面环境中使用 jQM 的好例子：Mobile Songmeanings。尊重那些开发人员，他们在将移动设备与桌面合并方面做得非常出色。不幸的是，这只是平庸海洋中美丽的一滴水。

通用解决方案

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

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

最后的想法

如果您想要简单的开箱即用解决方案，那么我不建议使用 jQuery Mobile。需要几个月的学习、开发和测试，好的和坏的方面，如何将它与其他框架一起使用等等，才能完全理解它。

Answer 2

Moff.js - Javascript 移动优先框架。 它遵循所有移动优先技术和要求。 您可以轻松创建移动首页。首先为移动设备创建页面，然后根据用户请求或通过将窗口扩展到平板电脑或台式机等大型设备来加载页面的其他部分。 这是 article 关于它的功能。