jquery-mobile 是“移动优先”吗?

2024-04-19

我读过 Luke WROBLEWSKI 所著的《移动优先》一书以及许多其他有关该主题的读物。我是一名网络开发人员,现在我确信“移动优先”或“渐进增强”才是正确的出路。

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

JQuery mobile 宣称它们是“移动优先”,但我已经尝试了几天,现在我倾向于说“不,不是”。你不能将它与其他框架混合;它确实有一些技巧,比如将所有页面保留在 DOM 中(使用 ajax 强制加载),因此它并没有让我的生活变得更轻松。尝试使用它进行渐进式增强并在不卸载它的情况下完成桌面版本似乎是不可能的。我的意思是你不想在台式电脑上有大按钮,所以我想我需要删除框架的 js&css,这听起来很奇怪。我什至不知道这是否可能。

JQuery Mobile 看起来像是一个框架,用于实现网站的专用移动 Web 版本,其外观和感觉更像是本机应用程序,而不是移动优先网站。

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

这是相应的页面,表明 jquerymobile 是移动优先的:http://view.jquerymobile.com/1.3.0/docs/intro/#ProgressiveEnhancement http://view.jquerymobile.com/1.3.0/docs/intro/#ProgressiveEnhancement

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

欢迎任何有关如何在移动优先的情况下使用 jquery mobile 的建议!


基本思想

让我们从头开始,让大家明白,定义移动优先 is:

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

引用自here http://mobilegovwiki.howto.gov/Mobile+First.

jQuery Mobile 的优点和缺点

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

首先,我同意你的说法,即 jQuery Mobile 不能与其他框架一起使用。 jQM 是一个高度可定制的框架,它可以在很大程度上定制为几乎所有其他可用的框架。

如果你想使用backbone或knockout,它可以根据他们的MVP或MVC架构进行定制。如果你想将它与类似的框架一起使用,他们只使用 jQM功能性 http://jquerymobile.com/download-builder/你要。你只需要谷歌一下就可以了。

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

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

好例子

不幸的是,这个问题可以通过大量定制来解决。根据定义,这不是移动优先框架。但为了让我的观点更准确,这里有一个在移动/桌面环境中使用 jQM 的好例子:手机歌曲含义 http://www.songmeanings.net/m。尊敬那些开发人员,他们在将移动设备与桌面设备融合方面做得非常出色。不幸的是,这只是平庸海洋中美丽的一滴。

通用解决方案

此问题最常见的解决方法是对移动设备使用 jQM,对桌面环境使用 jQ UI。我们还应该添加一个现代化者 http://modernizr.com/进入这个组合,因为我们需要它:

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

最后的想法

如果你想要轻松开箱即用那么我不建议解决方案jQuery 移动用法。需要几个月的偶然学习、开发和测试、好的和坏的方面、如何与其他框架一起使用等等才能完全理解它。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jquery-mobile 是“移动优先”吗? 的相关文章

随机推荐

  • 如何使用 NSJSONSerialization 类参考读取 JSON 文件?

    我需要使用 NSJSONSerialization 类参考来读取 JSON 文件 并且我找到的有关使用此类的所有示例都是从网页本身读取内容 而不是从之前创建的 JSON 文件中读取内容 任何人都知道如何使用该类解析 JSON 文件 谢谢 简
  • 如何在没有机器人的情况下使用 Telegram API?

    我不需要回复机器人 我只想进行只读调用来读取频道历史记录 也许我需要 该方法https core telegram org method messages getHistory https core telegram org method
  • jQuery ajax 处理 401 未经授权

    我正在使用 jQuery ajax 调用第三方网页 根据他们的页面 如果登录成功 他们向我发送状态代码 200 如果登录不成功 他们向我发送状态代码 401 这是我的 jquery 代码示例 此代码在 IE 上运行良好 但在 Chrome
  • Chrome 不断加载我网站的旧缓存

    我遇到了这个奇怪的问题 我的 Chrome 浏览器不断加载旧版本的网站 其代码甚至不再存在于我的服务器上 我认为这是一个典型的缓存问题 我尝试清理浏览器缓存 使用隐身模式并清除 DNS 缓存 旧的缓存页面仍在加载 这个问题似乎已经在这个谷歌
  • 无法向分组数据框添加行

    这是这个问题的后续问题如何将行添加到数据框中仅修改某些列 https stackoverflow com questions 71095723 how to add a row to a dataframe modifying only s
  • IOException:错误=7,参数列表太长,命令行很大

    我需要从 Java 调用 Unix 命令 代码如下 String strCmd iconv f strSrcEncoding t strTgtEncoding lt lt lt InputMessage String commands ba
  • android viewpager 更改适配器

    我正在开发一个带有 ViewPager 的应用程序 用于横向滚动表 有时我需要更改适配器以加载一组不同的表 我尝试执行以下操作 mViewPager setAdapter new pagerAdapterPushed getSupportF
  • 如何存储查询执行计划以便以后使用

    我的应用程序对 SQL Server 数据库运行查询 在许多情况下 我可以看到执行计划的好处 例如 我第一次单击按钮 SELECT from Tasks WHERE IdUser 24 AND DATE lt 12 12 2010 and
  • didUpdateToLocation 未调用

    我想接收位置更新 我已将位置委托添加到标头 interface AppDelegate UIResponder
  • Python约束非线性优化

    python 中约束非线性优化的推荐包是什么 我试图解决的具体问题是 我有一个不为人知的X Nx1 我有M Nx1 u向量和M NxN s矩阵 max 5th percentile of ui T X i in 1 to M st 0 lt
  • 将数据更新到插入正确行的数据库中

    我在将数据更新到数据库时遇到问题 当我运行代码时 它将输入以3061 to 3070它应该从哪个开始3001 to 3010 当我尝试这个时 for next day program id in zip nextday list progr
  • 使用 HttpHandler 流式传输数据库图像

    很长一段时间以来 当我在本地计算机上处 理涉及数据库图像的 Web 应用程序项目时 我注意到一些烦人的事情 我所说的本地是指我的工作站上装有 VS 2008 和 SQL Server 2005 的典型环境 每当我使用 HttpHandler
  • HSQL 序列的语法问题:“NEXTVAL”而不是“NEXT VALUE”

    我在 Jetty 服务器上部署了 Web 应用程序 并连接到位于 HSQLDB 服务器上的 HSQLDB 数据库 当我尝试创建实体时出现此错误 错误 org hibernate util JDBCExceptionReporter 意外的标
  • 我应该使用哪些库在 python 中进行线性编程? [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 快速搜索 python 线性编程 会出现很多搜索结果 例如this one http wiki pyt
  • 等距 DIV 的流体宽度 + 最后一行左对齐

    我在流体布局和文本对齐中有固定宽度的框 使用此发布的解决方案来调整它们 等距 DIV 的流体宽度 https stackoverflow com questions 6865194 fluid width with equally spac
  • 使用 CMake 链接 .s 文件

    我有一个我想使用的 c 函数 但它是用Intel编译器而不是gnu C编译器 我在用着cmake构建程序 我实际上正在使用ROS因此rosmake但基础是cmake所以我认为这更多是一个 cmake 问题而不是ROS问题 假设使用构建的文件
  • 在iOS中使用AVPlayer你可以知道当前的.ts文件或编码器的当前时间戳吗?

    由于我们无法从 AVPlayer 中获取隐藏式字幕数据或字幕数据 因此我们正在研究其他触发方法 例如时间码或至少了解当前活动的 ts 文件 我在文档中找不到任何内容 并且播放器的 CMTime 没有给我嵌入 m3u8 文件中的时间码 NSL
  • 在 NetBeans 中格式化完整项目

    要在编辑器中格式化文件 请按 Alt Shift F 有没有办法在 NetBeans 中格式化完整的项目 6 8 如果这有什么区别 选择要缩进的文件夹 然后 转到 在 netbeans 菜单中 源 格式
  • Windows 10 上的 ContextMenu 和 Popup WPF 控件对齐错误

    这确实是一个奇怪的问题 我希望有人知道如何解决 情况 我们的 WPF 项目有一个表单 我们在其中显示上下文菜单 ContextMenu 控件 和弹出窗口 Popup 控件 以响应某些用户操作 在大多数情况下 它发生在鼠标单击某个文本块时 这
  • jquery-mobile 是“移动优先”吗?

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我读过 Luke WROBLEWSKI 所著的 移动优先 一书以及许多其他有关该主题的读物 我是一名网