2013-12-17 343 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