2

如果目标是开发一个当前将在台式计算机上使用但最终也将支持智能手机或平板电脑等移动设备的网络应用程序,那么在组织代码时建议采用什么策略?是否应该有一组用于桌面客户端的代码,然后是一组用于移动客户端的代码?过去我使用过 jquery 和 jquery ui 。jquery 、 jquery ui 和 jquery mobile 如何在 Web 应用程序中组合在一起?为非移动 Web 客户端和移动 Web 客户端开发之间的主要区别是什么?我正在使用 asp.net mvc 。我的赞助商更喜欢单页网络应用程序。所以我正在研究 Knockout.js 。我也在研究一些小部件集,例如 dhtmlx jqwidgets 请随时评论我的选择。

4

1 回答 1

3

为了使事情简单明了-您应该使用(或考虑使用)响应式网页设计。主要思想是您开发 CSS 以根据屏幕宽度处理重新调整大小/重新组织。这使您可以处理屏幕足够宽以被识别为桌面屏幕的情况,同时能够调整到移动屏幕尺寸 - 无论设备如何。

让您的 CSS 调整页面上元素的大小/位置可以让您为所有用户拥有一组代码(没有单独的移动/桌面站点)。您只需要花费更多的时间和精力来设计您的网站来处理页面宽度的重新调整。

jquery 库在移动设备上的工作方式与在“传统”平台上的工作方式相同。不过,有时您可能希望利用各种 jquery 库的移动增强版本。

  • 一个例子:当你在导航菜单上有嵌套链接时,当你点击一个类别,比如“衬衫”,然后是一个子类别,比如“按钮”,然后是一个子类别,比如, “蓝色的。” 在“传统”平台上,用户可以将鼠标光标悬停在元素上以展开嵌套 - 在移动平台上,用户可能希望点击每个类别/子类别以展开嵌套导航按钮。

这完全取决于您网站的设计——在设计响应式网站时,我通常在用于“移动”和“桌面”设备的视图之间的脚本几乎没有变化——所以对我来说两者的开发都没有变化,我对待新网站作为“响应式”,并从一开始就考虑到可调整大小的浏览器来设计它。

此外,有关 jquery、jquery ui 和 jquery 移动库的详细信息的进一步详细说明,请参阅Tats_innit 引用的链接

于 2012-07-05T04:49:39.860 回答