phonegap jQuerymobile 跨域访问

1、phonegap不存在跨域访问问题,原因是phonegap使用的是 file:// 协议Phonegap wiki里面说: ”The cross-domain security policy does not affect PhoneGap applications. Since the html files are called by webkit with the file:// protocol, the security policy does not apply.”
跨域访问问题出现是因为浏览器的同源限制策略:这里的“源”指的是主机名、协议和端口号的组合;我们可以把一个“源”看作是某个web页面或浏览 器所浏览的信息的创建者。 同源策略,简单地说就是要求动态内容(例如,JavaScript或者VBScript)只能阅读与之同源的那些HTTP应答和cookies,而不能阅读来自不同源的内容。也就是重点在使用http或https协议,而不是 file:// 协议。


2、phonegap与jquerymobile使用
http://jquerymobile.com/demos/1.0/docs/pages/phonegap.html 文档中有详细说明
要点:
(1)$.support.cors =true;使jQuery支持跨域访问
(2)$.mobile.allowCrossDomainPages=true; 如果需要跨域访问页面文件,设置为true;
(3)添加phonegap白名单
文档说明地址  http://docs.phonegap.com/en/2.7.0/guide_whitelist_index.md.html#Domain%20Whitelist%20Guide
默认develop版本不做任何限制,支持所有网络访问,建议production版本修改只包含需要的白名单

如果还有问题:

1)关闭pushstate

$.mobile.pushStateEnabled = false;		

2)强制延长url加载超时时间

 super.setIntegerProperty("loadUrlTimeoutValue", 60000);


最后别忘了,添加各自对应操作系统的权限

如android,打开AndroidManifest.xml文件,添加网络访问权限:

<uses-permission android:name="android.permission.INTERNET" />

你可能感兴趣的:(phonegap jQuerymobile 跨域访问)