时间戳

首页 > 解决方案 > 应用内浏览器中缺少 Facebook 登录按钮

javascript - 应用内浏览器中缺少 Facebook 登录按钮

问题描述

我在 Android 和 iOS 上的 Facebook 和 Instagram 的应用内浏览器中显示 FB 登录按钮时遇到问题。这是 CodePen 的测试代码https://codepen.io/Casperovsky/pen/OJXqjdb

<div id="fb-root"></div>
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v9.0&appId=XXX&autoLogAppEvents=1" nonce="XXX"></script>
<b>test</b><br>
<div class="fb-login-button" data-size="large" data-button-type="continue_with" data-layout="default" data-auto-logout-link="false" data-use-continue-as="true" data-width=""></div>

在 Chrome、Safari、Edge、Firefox 等所有主流浏览器中一切正常，唯一的问题是这些应用程序中的应用内浏览器。代码来自 Fb 开发者页面：https ://developers.facebook.com/docs/facebook-login/web/login-button 我用 iframe、localstorage 进行了一些单独的测试，但似乎一切正常。有趣的是，开发者页面的 Fb 演示正确显示。所以我想我错过了一些东西，但我不知道是什么。谢谢！

标签： javascriptfacebookauthenticationfacebook-login

解决方案

问题解决了。在 Facebook 应用程序设置中，网站地址与我正在测试的地址不匹配。

推荐阅读