iPhone上的jQuery Mobile + PhoneGap无法加载页面
Posted
技术标签:
【中文标题】iPhone上的jQuery Mobile + PhoneGap无法加载页面【英文标题】:jQuery Mobile + PhoneGap on iphone fails to loadPage 【发布时间】:2012-01-10 21:08:08 【问题描述】:我正在尝试编写一个从远程服务器获取页面的简单 phonegap + jqm 应用程序。
$.mobile.loadPage("http://mydomain.com/Mobile/MyPage.aspx")
.done(function () alert('done'); )
.fail(function () alert('fail'); );
);
我设置了以下选项:
$.support.cors = true;
$.mobile.allowCrossDomainPages = true;
添加了以下标题:
Access-Control-Allow-Origin:*
当我在桌面浏览器 (ff/chrome/safari) 中尝试时一切正常,但它在我的 iphone 或 iphone 模拟器中不起作用。
有什么想法吗?
【问题讨论】:
好吧,结果有点傻:要在 iPhone 中工作的跨域请求(使用 phonegap 和 jquery mobile),您必须执行以下操作:在 xCode 中:导航到 [projectName] -> 支持文件 -> phonegap.plist 在 External Hosts 下添加一个带有值 * 的新字符串或添加您的确切域 您不需要设置$.support.cors
或$.mobile.allowCrossDomainPages
属性,因为您的请求不是来自域,因此不适用跨域限制。
【参考方案1】:
好吧,事实证明这很愚蠢:要在 iPhone 中工作的跨域请求(使用 phonegap 和 jquery mobile),您必须执行以下操作:在 xCode 中:导航到 [projectName] -> 支持文件 -> phonegap。 plist 在 External Hosts 下添加一个带有值 * 的新字符串或添加您的确切域
【讨论】:
以上是关于iPhone上的jQuery Mobile + PhoneGap无法加载页面的主要内容,如果未能解决你的问题,请参考以下文章
加快 iPhone 上 jQuery Mobile 中的对话框/页面转换?
jQuery mobile 100% 高度页面,等于可见区域
使用 jquery mobile 调整图像大小以适应移动设备上的屏幕
iPhone JQuery:如何使用 iPhone 中的 Jquery Mobile + phone gap 在 iPad 中实现拆分视图