jQuery Mobile之路:备忘及错误处理

刚开始接触jQuery Mobile,遇到一些问题,往往是困扰了很久却找不到解决方案,网上也没有找到解决方案,现在记录下来,希望能给现在遇到问题的朋友一些解决方案,或者一些解决问题的灵感吧。jQuery Mobile之路正在路上,随时遇到问题随时更新...

1、在Android上能正常显示,在iPhone上却显示出很大的字。

解决:这要检查<head />里的内容,是不是有地方写错了,是多了,还是少了什么字母?符号?我遇到的这个问题是在<meta name="viewport" content="width=device-width" />中,在最后的 -width;多写个了字符 " ; ",导致的问题。由此也可以得出Android设备的浏览器比iPhone设备的浏览器容错能力要强。


2、如何查看效果?即:如何模拟手机浏览器?

我是在Windows 8.1 + VS2012做的开发,对于如何去查看效果也占用了我不少的时间。这里给出两个解决方案:

解决方案1:下载Opera Mobile Emulator,在这个软件里可以模拟出很多版本的手机浏览器;

解决方案2:利用IIS,将地址映射出去。然后就可以在手机浏览器里输入URL地址访问了。

在Windows系统里,首先找到hosts文件位置【c:\windows\system32\drivers\etc】,用“管理员身份”打开,打开hosts在最后加入:127.0.0.1 www.jm.com后面地址可以自己变,在浏览器里就可以通过www.jm.com来访问网站了。

这里要注意的时,手机和电脑一定要在同一个网络里,即同 一个路径里。

第二种解决方案是推荐的,第一个解决方案有些效果是模拟不出来的。用浏览器缩小也是不行的


3、asp.net mvc开发jQuery Mobile时,点击了 submit后跳转到一个空白页。其它不是空白页而是你提交的另一个页面,看看你的URL,如果是将表单提交到/Demo1/GetFormData的话,那你点提交按钮后,就是跳转到这个页面了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jquery mobile的所有版本库api文档简单示例demo下载jqm学习大全下载后评论反积分! jQuery MobilejQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。 今天,jQuery 驱动着 Internet 上的大量网站,在浏览器中提供动态用户体验,促使传统桌面应用程序越来越少。现在,主流移动平台上的浏览器功能都赶上了桌面浏览器,因此 jQuery 团队引入了 jQuery Mobile(或 JQM)。JQM 的使命是向所有主流移动浏览器提供一种统一体验,使整个 Internet 上的内容更加丰富 — 不管使用哪种查看设备。 JQM 的目标是在一个统一的 UI 中交付超级 JavaScript 功能,跨最流行的智能手机和平板电脑设备工作。与 jQuery 一样,JQM 是一个在 Internet 上直接托管、免费可用的开源代码基础。事实上,当 JQM 致力于统一和优化这个代码基时,jQuery 核心库受到了极大关注。这种关注充分说明,移动浏览器技术在极短的时间内取得了多么大的发展。 与 jQuery 核心库一样,您的开发计算机上不需要安装任何东西;只需将各种 *.js 和 *.css 文件直接包含到您的 web 页面中即可。这样,JQM 的功能就好像被放到了您的指尖,供您随时使用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值