Estoy usando el botón de inicio de sesión de FB para proporcionar un inicio de sesión con 1 clic en mi sitio web. Funciona bien en casi todos los navegadores. Sin embargo, no funciona en el navegador integrado de FB. Aquí está mi código:

HTML:

 <script async defer crossorigin="anonymous" src="https://connect.facebook.net/bg_BG/sdk.js#xfbml=1&version=v12.0&appId={appID}&autoLogAppEvents=1" nonce="{nonce}"></script> <div class="fb-login-button" data-width="300" data-size="large" data-button-type="continue_with" data-layout="default" data-auto-logout-link="false" data-use-continue-as="false" scope="public_profile,email" onlogin="checkLoginState()"> </div>

JS:

 function loginCallbackOnButtonClick(response) { let dataObject, authResponse; if (!response || response.status != "connected" || !response.authResponse) { return; } authResponse = response.authResponse; dataObject = { accessToken: authResponse.accessToken, signedRequest: authResponse.signedRequest, fbUserID: authResponse.userID, urlReferrer: urlReferrerInput.value }; // send data to back-end to verify $.ajax({ url: '/Account/FbLogin', type: 'post', data: dataObject, success: function (response) { // handle successful verification } }); } window.fbAsyncInit = function () { FB.init({ appId: '{appID}', cookie: true, xfbml: true, version: 'v12.0' }); }; (function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) { return; } js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); window.checkLoginState = function () { FB.getLoginStatus(loginCallbackOnButtonClick); };

Nuevamente, este código funciona muy bien en casi todos los navegadores, pero no en el navegador integrado de FB, donde al hacer clic en el botón, nuestra página de inicio de sesión (donde se coloca el botón) se vuelve a cargar y no pasa nada.

Intenté lo siguiente: cuando el usuario ingresa a nuestra página de inicio de sesión y está usando el navegador incorporado de FB, para llamar

 FB.login(loginCallbackOnButtonClick, { scope: 'public_profile,email', enable_profile_selector: true, auth_type: 'rerequest', return_scopes: true });

Traté de depurar de alguna manera usando el registrador aquí y allá en el código y mostrar en el área de texto los registros, qué código se ejecuta y parece que loginCallbackOnButtonClick nunca se llama como una devolución de llamada.