0

我正在尝试用 JS 替换我的画布应用程序的 PHP 登录名,并且几乎完全从这里https://developers.facebook.com/docs/reference/javascript/和这里https://developers复制了 Facebook 示例.facebook.com/docs/reference/javascript/FB.login/。但是,即使警报提示正在打开用户接受权限的提示,也不是。谁能从下面的代码中看出原因?我已经在这几个小时了,我看不出我的代码与建议的代码有何不同。它可能与浏览器保护不运行javascript有关吗?

<?php

require_once 'config.php'; // This contains app information
//include_once 'scripts/mysql_connect.php'; // This is the database connection configuration
require_once 'Database.php';
$fbconfig['appUrl'] = "https://localhost/FindAFlatmate-Dev/";

?>

    <html>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Profile Page</title>
    </head>
    <body> 
    <div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId      : '127865210690483', // App ID
          status     : true, // check login status
          cookie     : true, // enable cookies to allow the server to access the session
          xfbml      : true  // parse XFBML
        });

        // Additional initialization code here
        alert('Api loaded');

    FB.login(function(response) {
       if (response.authResponse) {
         console.log('Welcome!  Fetching your information.... ');
         FB.api('/me', function(response) {
           console.log('Good to see you, ' + response.name + '.');
         });
       } else {
         console.log('User cancelled login or did not fully authorize.');
       }
     });
      };

      // Load the SDK Asynchronously
      (function(d){
         var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
         if (d.getElementById(id)) {return;}
         js = d.createElement('script'); js.id = id; js.async = true;
         js.src = "//connect.facebook.net/en_US/all.js";
         ref.parentNode.insertBefore(js, ref);
       }(document));

     </script>
    </body> 
    </html>
4

1 回答 1

1

但是,即使警报提示正在打开用户接受权限的提示,也不是。谁能从下面的代码中看出原因?

您在页面加载时直接调用 FB.login,没有用户交互 - 因此很可能是您的浏览器的弹出窗口阻止程序完全阻止了登录对话框的显示。

FB.login 的一般建议是仅在显式用户交互时调用它,例如用户单击显示“登录”或其他内容的链接/按钮。这样打开 FB.login 的弹出窗口不太可能被阻止,因为当前浏览器中弹出窗口阻止程序的默认配置是仅阻止“自动”打开的弹出窗口,而无需用户以任何方式请求它们。

于 2012-08-13T09:42:15.580 回答