2017-08-24 136 views
0

我已經包含了我需要的代碼才能夠顯示我的頁面上的Facebook登錄按鈕。但是按鈕不顯示,請您閱讀我的代碼並告訴我您是否遇到任何問題?謝謝facebook登錄按鈕不會顯示在我的頁面上

<!DOCTYPE html> 
<html> 
<body> 

<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
     vappId   : '486506335043368', 
     autoLogAppEvents : true, 
     xfbml   : true, 
     version   : 'v2.10' 
    }); 
    FB.AppEvents.logPageView(); 
    }; 

    (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/sdk.js"; 
    fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 
</script> 

<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/sdk.js#xfbml=1&version=v2.10&appId=486506335043368"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

<div class="fb-login-button" data-max-rows="1" data-size="large" data- button-type="continue_with" data-show-faces="false" data-auto-logout- link="false" data-use-continue-as="false"></div> 


</body> 
</html> 
+0

你有什麼錯誤嗎? –

+0

檢查瀏覽器控制檯。您是否在您通過瀏覽器中的HTTP/HTTPS調用的頁面中測試了此功能 - 還是其他? – CBroe

+0

[「使用Facebook的示例代碼無法加載資源」的可能重複](https://stackoverflow.com/questions/15669167/failed-to-load-resource-using-facebooks-example-code) – ViktorG

回答

1

我認爲有兩個可能的問題:

1)你需要改變分配到js.src:js.src="https://connect.facebook.net/en_US/all.js";

2)我認爲Facebook不支持從本地電話文件,腳本必須在具有http://或https:// URI的文件上運行。

看到這個answer

相關問題