刚开始接触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的话,那你点提交按钮后,就是跳转到这个页面了