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

Question

我在 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我用 iframes、localstorage 做了一些单独的测试，但似乎一切正常。 有趣的是，开发人员页面上的 Fb 演示显示正确。 所以我想我错过了一些东西，但我无法弄清楚是什么。 谢谢！

Answer 1

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