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 表单选择菜单

jQuery Mobile 表单选择菜单

jQuery mobile 100% 高度页面,等于可见区域

使用 jquery mobile 调整图像大小以适应移动设备上的屏幕

iPhone JQuery:如何使用 iPhone 中的 Jquery Mobile + phone gap 在 iPad 中实现拆分视图