Question

我正在尝试使用JS替换我的画布应用程序的PHP登录，并且几乎完全从此处https://developers.facebook.com/docs/reference/javascript/和此处https://developers.facebook.com/docs/reference/javascript/FB.login/复制了Facebook示例。但是，即使警报提示打开，用户接受权限的提示也不是。谁能从下面的代码中看到原因？我已经在这几个小时了，我看不出我的代码与建议的真正区别。它可能与浏览器保护没有运行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>

Answer 1

但是，即使警报提示打开，用户接受权限的提示也不是。谁能从下面的代码中看到原因？

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

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

Facebook示例JS登录未加载

1 个答案: