blocks|key|349133|text|尝试禁用cookie策略。我和Google也有类似的问题，这段代码解决了这个问题。希望它也适用于Facebook登录|type|unstyled|depth|inlineStyleRanges|entityRanges|data|349134|auth2+=+window.gapi.auth2.init({
++++client_id:+'xxx',
++++cookiepolicy:+'none',
++});|code-block|syntax|javascript|349135|参考资料：https://github.com/google/google-api-javascript-client/issues/342|offset|length|349136|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/google/google-api-javascript-client/issues/342^0|0|0|5|1T|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Try disabling cookie policy. I had similar issue with Google API, and this piece of code solved it. Hope it will also work for Facebook login

<pre><code>auth2 = window.gapi.auth2.init({
 client_id: 'xxx',
 cookiepolicy: 'none',
 });
</code></pre>

Reference: <a href="https://github.com/google/google-api-javascript-client/issues/342" rel="nofollow noreferrer">https://github.com/google/google-api-javascript-client/issues/342</a>

blocks|key|1539651|text|问题的原因|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|1539652|如果您使用FB.getLoginStatus获取accessToken，那么它无法在safari上工作，从而使阻止跨站点跟踪|CODE|1539653|US|1539654|FB.getLoginStatus(function(response)+{
++if+(response.status+===+'connected')+{
++++...
++++var+uid+=+response.authResponse.userID;
++++var+accessToken+=+response.authResponse.accessToken;
++}
+});|code-block|syntax|javascript|1539655|溶液|1539656|通过重定向URL中的accessToken通过code获取|1539657|us|1539658|示例|1539659|step1.打开OAuth对话框|1539660|你的redirect_uri是https://www.sample.com.tw/login|1539661|+GET+https://www.facebook.com/dialog/oauth?
++++client_id={app-id}
++++&redirect_uri=https://www.sample.com.tw/login|1539662|step2.获取代码|1539663|在Facebook重定向到您的页面后，您可以在URL中获取代码，这将类似于：|1539664|https://www.sample.com.tw/login?code=ABCDEFG|1539665|step3.通过服务器端API获取访问令牌|1539666|GET+https://graph.facebook.com/oauth/access_token?
+++client_id={app-id}
+++&redirect_uri=https://www.sample.com.tw/login
+++&client_secret={app-secret}
+++&code=ABCDEFG|1539667|您的应用程序机密(Client_secret)永远不应该在客户端代码中结束。|blockquote|1539668|entityMap|0|LINK|mutability|MUTABLE|url|https://developers.facebook.com/docs/reference/javascript/FB.getLoginStatus/?locale=en_US|1|https://developers.facebook.com/docs/facebook-login/manually-build-a-login-flow/v2.2?locale=en_us^0|0|5|0|5|H|O|B|1J|7|0|0|2|0|0|0|0|2|0|A|B|N|4|0|0|2|1|0|0|0|G|0|F|V|0|0|0|A|0|0|0|0|F|0|0|0^^$0|@$1|2|3|4|5|6|7|1Q|8|@$9|1R|A|1S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1T|8|@$9|1U|A|1V|B|H]|$9|1W|A|1X|B|H]|$9|1Y|A|1Z|B|C]]|D|@]|E|$]]|$1|I|3|J|5|6|7|20|8|@]|D|@$9|21|A|22|1|23]]|E|$]]|$1|K|3|L|5|M|7|24|8|@]|D|@]|E|$N|O]]|$1|P|3|Q|5|6|7|25|8|@$9|26|A|27|B|C]]|D|@]|E|$]]|$1|R|3|S|5|6|7|28|8|@$9|29|A|2A|B|H]|$9|2B|A|2C|B|H]]|D|@]|E|$]]|$1|T|3|U|5|6|7|2D|8|@]|D|@$9|2E|A|2F|1|2G]]|E|$]]|$1|V|3|W|5|6|7|2H|8|@]|D|@]|E|$]]|$1|X|3|Y|5|6|7|2I|8|@$9|2J|A|2K|B|C]]|D|@]|E|$]]|$1|Z|3|10|5|6|7|2L|8|@$9|2M|A|2N|B|H]]|D|@]|E|$]]|$1|11|3|12|5|M|7|2O|8|@]|D|@]|E|$N|O]]|$1|13|3|14|5|6|7|2P|8|@$9|2Q|A|2R|B|C]]|D|@]|E|$]]|$1|15|3|16|5|6|7|2S|8|@]|D|@]|E|$]]|$1|17|3|18|5|M|7|2T|8|@]|D|@]|E|$N|O]]|$1|19|3|1A|5|6|7|2U|8|@$9|2V|A|2W|B|C]]|D|@]|E|$]]|$1|1B|3|1C|5|M|7|2X|8|@]|D|@]|E|$N|O]]|$1|1D|3|1E|5|1F|7|2Y|8|@]|D|@]|E|$]]|$1|1G|3|-4|5|6|7|2Z|8|@]|D|@]|E|$]]]|1H|$1I|$5|1J|1K|1L|E|$1M|1N]]|1O|$5|1J|1K|1L|E|$1M|1P]]]]

Cause of the problem

If you use <code>FB.getLoginStatus</code> to get the <code>accessToken</code>, it's can't work on the safari that it enables the Prevent cross-site tracking

<a href="https://developers.facebook.com/docs/reference/javascript/FB.getLoginStatus/?locale=en_US" rel="nofollow noreferrer">https://developers.facebook.com/docs/reference/javascript/FB.getLoginStatus/?locale=en_US</a>

<pre><code>FB.getLoginStatus(function(response) {
 if (response.status === 'connected') {
 ...
 var uid = response.authResponse.userID;
 var accessToken = response.authResponse.accessToken;
 }
 });
</code></pre>

<hr>

Solution

Get the <code>accessToken</code> through the <code>code</code> in the redirected URL

<a href="https://developers.facebook.com/docs/facebook-login/manually-build-a-login-flow/v2.2?locale=en_us" rel="nofollow noreferrer">https://developers.facebook.com/docs/facebook-login/manually-build-a-login-flow/v2.2?locale=en_us</a>

example

step1. open the OAuth dialog

Your redirect_uri is <code>https://www.sample.com.tw/login</code>

<pre><code> GET https://www.facebook.com/dialog/oauth?
 client_id={app-id}
 &amp;redirect_uri=https://www.sample.com.tw/login
</code></pre>

step2. get the code

you can get the code in the URL after Facebook redirect to your page, it will be like:

<pre><code>https://www.sample.com.tw/login?code=ABCDEFG
</code></pre>

step3. get the access token through your server side API

<pre><code>GET https://graph.facebook.com/oauth/access_token?
 client_id={app-id}
 &amp;redirect_uri=https://www.sample.com.tw/login
 &amp;client_secret={app-secret}
 &amp;code=ABCDEFG
</code></pre>

<blockquote>
 Your app secret(client_secret) should never end up in client code.
</blockquote>

When the user turns on Safari's "prevent cross-site tracking", Facebook login <code>response.status</code> is <code>unknown</code>, is there any way I can get the login information?

<blockquote>
 The same code works fine in Chrome
</blockquote>

<a href="https://i.stack.imgur.com/Qtg2c.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Qtg2c.png" alt="enter image description here"></a>

Safari 11 "prevent cross-site tracking" breaking facebook login

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

当用户打开Safari的“防止跨站点跟踪”时，Facebook登录response.status是unknown，有什么方法可以获得登录信息吗？同样的代码在Chrome中运行得很好​​

问Safari 11“防止跨网站跟踪”破坏facebook登录
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Safari 11“防止跨网站跟踪”破坏facebook登录EN