使用jQueryMobile从桌面到移动网站的转换

jQuery Mobile是用于制作移动Web应用程序的强大框架。 但是,我们可以使用它将现有的桌面网站转换为移动形式吗?

可以使用MobilizeToday.com在线服务。 它们提供了基于小部件的模型,该模型将任何现有HTML内容表示到移动视图中。

jQueryMobile Widgets by MobilizeToday.com

背后的技术是XSLT转换。 借助称为Mobile View Builder的在线工具,简化了转换过程。

Mobile View Builder

使用Builder,您可以轻松选择要在移动版本中查看的元素。 一旦选择了内容,它将自动为jQueryMobile小部件生成XPaths值。 如果您知道XPath / XSLT,则可以完全使用它,但这不是必须的。 例如,您可以通过单击鼠标从典型的项目列表中获得这样的视图:

jQueryMobile Widget Example

生成的移动网站与桌面网站同步。 这意味着,如果更改了桌面网站的内容,则移动网站也会自动更新。 该解决方案支持使用可选的安全https连接提交表单(例如登录,联系和结帐),这对于电子商务网站绝对是不错的选择。

首先,您可以创建新帐户或在其主页上提交表单。 要基于jQueryMobile框架创建移动网站,您应该转到“我的网站”,单击“添加新网站”,键入桌面网站URL,然后选择jQueryMobile作为框架。 如果您希望从头开始构建移动网站,请取消选中“自动生成移动版本”。 之后,单击“添加网站”。

add-jquerymobile-website

如果您自己创建移动网站,则每个网站每年只需花费49美元。 第一个网站可以免费发布。 (可选)您可以雇用开发人员为您执行此操作。 此选项的价格约为390美元。 由此产生的移动网站可以被任何域访问。 适用于移动用户的重定向脚本。 经销商可以使用自己的品牌(白色标签)进行工作。

虽然有缺点或约束。 解决方案不支持Flash网站,也不支持基于框架集的网站。 如果您的网站包含很多JavaScript,尤其是用于提交表单的JavaScript,则应手动将其修改为适用于移动浏览器。 这使得优化过程昂贵。

综上所述,MobilizeToday.com为任何网站所有者提供了一个平台,以弥合移动网络鸿沟,并以最少的投资使他们的业务做好移动就绪。 对于经销商,MobilizeToday.com提供了一个向现有产品组合移动Web选项添加机会,以刷新与现有客户的关系和/或获得新客户。 由此产生的移动网站使用jQueryMobile框架构成,可保证与所有现代智能手机和平板电脑的兼容性。

From: https://www.sitepoint.com/desktop-mobile-website-conversion-jquerymobile/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值