无法在 Firefox 上使用 Facebook js sdk v2.10 获取用户

Question

我正在尝试使用 Facebook Javascript SDK v2.10 在我们的网站上添加 facebook 身份验证。我的目标是通过 Facebook 登录，然后获取经过身份验证的用户。 我面临的问题是，在 Firefox 上，我无法获取经过身份验证的用户。

我创建了一个测试页HERE

当您单击按钮 'Login via Facebook' 时，会调用 FB.login 函数。收到响应后，我将调用 FB.api 函数。以下是我的代码

FB.login(function(response) {
              let p1 = document.createElement('p');
              p1.innerHTML = "FB.login response follows:<br>"+ JSON.stringify(response);
              document.body.appendChild(p1)
              FB.api('/me', {fields: 'id,first_name'},
                  function(response) {
                      let p2 = document.createElement('p');
                      p2.innerHTML = "FB.api response follows:<br>"+ JSON.stringify(response);
                      document.body.appendChild(p2)
                  });
          });

在Chrome中调用FB.api的回调并接收响应，但是在Firefox中，这不会发生。请帮我弄清楚为什么会这样

Answer 1

好的。我在 Polymer 应用程序中使用 Facebook sdk。 sdk文档建议在index.html中添加sdk初始化代码。

但是，对于 Polymer，您需要在根应用程序的 connectedCallback 方法中添加代码（my-app.html 如果您使用的是 polymer-starter-kit）

由于未知原因，如果在 index.html 中添加了 SDK 代码，webcomponent-loader.js 会阻止 Firefox 上的 Facebook 初始化。