2013-12-17 139 views
2

即时尝试嵌入外部网页(Facebook的页面/微博)里面的jqm iframe,但iframe没有加载。jquerymobile + phonegap外部div div/iframe内页

<div data-role="content" > 
<iframe>http://m.facebook.com/pages</iframe> 
</div> 

我已经把* .facebook.com放入了phonegap白名单。

<access origin="http://*.facebook.com" browserOnly="true"/> 

一直在寻找解决方案一个星期没有任何结果。 我想知道是否有人可以给我另一种方法,因为这是行不通的。

更新:它似乎我可以注入iframe中的随机php页面,但不能显示Facebook或Twitter。我需要使用fb/twitter api吗?

ps。即时通讯不做fbconnect的东西,只显示一个页面的移动版本。

,我也尝试另一件事:

<access origin="*" /> 

那么你可以:

$(document).on('pageshow', '#twit' ,function(){ 

    var ref = window.open(encodeURI('http://apache.org'), '_blank', 'location=yes'); 
    // relative document 
    ref = window.open('next.html', '_self'); 

     $("#twitcont").append(ref); 

} 

回答

0

我认为你需要使用InAppBrowser插件,也可以由下面的只是用于测试替换您的访问规则开始直接使用页面加载页面:

var ref = window.open('http://m.facebook.com/pages', '_blank', 'location=yes'); 
+1

做,但我不知道从哪里开始与例子,还有很多。 – RuvaloLU

+0

你可以按照phonegap网站中的例子我在我的回答中提到 –

+0

我更新了我的答案,请检查它 –

1

Phon使用InAppBrowser

var ref = window.open(your_url, 'random_string', 'location=no'); 

ref.addEventListener('loadstart', function(event) { 

}); 
ref.addEventListener('loadstop', function(event) { 
    console.log(event.type + ' - ' + event.url); 

}); 
ref.addEventListener('exit', function(event) { 

}); 
0

的地方,我用之前的iframe添加InAppBrowser后EGAP外部页面,我终于再次尝试的iframe和iframe的现在工作不跳转到手机的浏览器,因为它是之前做过,并且iframe在iOS和Android上都能够持续工作。

两件事从时间改变了I帧被打破时,他们开始工作:

我升级到科尔多瓦2.5 我开始动态创建/使用jQuery添加iframe的页面,而不是仅仅取消隐藏已 - 现有iframe,正如我最初所做的:

$('')。appendTo('body'); 。

+0

你能更具体吗?像追加facebook到id。 – RuvaloLU

+0

您想在iframe或div中打开或显示iframe – user1374

+0

,内容div中的任何内容。基本上我想嵌入页面,不打开它。 – RuvaloLU

0

NSURLErrorCancelled异步加载被取消时返回。 Web Kit框架委托在对加载资源执行取消操作时将收到此错误。请注意,如果下载被取消,NSURLConnection或NSURLDownload委托将不会收到此错误。在OS X v10.2及更高版本中可用。在NSURLError.h中声明。

0

尝试添加URL在src属性

<iframe src="http://m.facebook.com/pages"></iframe> 
+0

它似乎加载随机页面是好的,但Facebook和Twitter页面不能。怎么了? – RuvaloLU