2012-10-02 38 views
0

我想簡單瞭解活動饋送插件的工作方式,所以我想我會在html頁面上設置一個小例子來查看它的外觀。我正在使用創建控件的FBML方法。問題是Feed不會呈現。正如我所說,我只是想測試事情如何工作,所以我使用http://www.facebook.com作爲域。再次,這很簡單,但我沒有看到控制渲染。這裏是我的代碼在它的entierty:活動饋送插件無法渲染

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Facebook API Testing</title> 
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8"> 
    </head> 

    <body> 
<div id="fb-root"></div> 
<script>(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=myid"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

    <h1>Facebook API Testing</h1> 
    <div> 
    <fb:activity href="http://www.facebook.com" action="like" width="300" height="300" header="true" recommendations="true"></fb:activity> 
    </div> 
    </body> 
</html> 

我沒有得到任何類型的錯誤。我只是沒有看到任何東西。當我檢查網頁我看到FB活動飼料的標記有:

<fb:activity href="http://www.facebook.com" action="like" width="300" height="300" header="true" recommendations="true"></fb:activity> 

解決

確定這已經解決顯然,如果你嘗試從一臺運行這不起作用在您的本地機器上單獨的html文件。當我將上述內容上傳到網絡服務器並查看網頁內容時,

+1

僅供參考:這是因爲JS SDK的地址以'// connect.facebook.net'給出 - 允許瀏覽器選擇是否使用HTTP或HTTPS自動請求腳本。當然,這隻有在頁面本身可以通過這兩種協議中的任何一種進行訪問時才能起作用 - 而不是在通過'file://'訪問時。您可以使用本地Web服務器來測試這樣的事情 - 或者您可以將'http:'放在腳本地址前面。 – CBroe

+0

@CBroe如果你想做出答案,我會將其標記爲已接受。 – TheMethod

回答

1

好吧,這已被解決顯然這不起作用,如果你嘗試從本地機器上的獨立HTML文件運行它。當我將上述內容上傳到網絡服務器並查看網頁內容時,

這是因爲JS SDK的地址作爲//connect.facebook.net - 讓瀏覽器來選擇是否使用HTTP或HTTPS在自動請求腳本。當然,這隻有在頁面本身可以通過這兩種協議中的任何一種進行訪問時才能起作用 - 而不是在通過file://訪問它時。

您可以使用本地網絡服務器來測試這樣的事情 - 或者您可以自己將http:放在腳本地址的前面。