【问题标题】:Facebook connect. Works in Firefox/Internet Explorer, not in Chrome/Safari/Opera脸书连接。适用于 Firefox/Internet Explorer,不适用于 Chrome/Safari/Opera
【发布时间】:2011-03-09 12:39:06
【问题描述】:

我有一个应用程序,它是一个带有 javascript 的 index.php 文件,当用户登录时,javascript 会加载存储在 content.php 中的页面内容

(k,我发现如果用户允许弹出窗口,它可以在 safari 中工作。我在使用 firefox 时遇到同样的错误。所以弹出窗口可以成为敌人吗?我怎样才能将它重写为使用弹出窗口?)

索引.php:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>My app</title>
        <link type="text/css" rel="stylesheet" href="css/style.css"/>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    </head>
    <body>
        <div id="fb-root"></div>
        <script src="http://connect.facebook.net/en_US/all.js"></script>
        <script src="js/jquery.validationEngine.js"></script>
        <script src="js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>
        <link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
        <script src="js/functions.js"></script>
    </body>
</html>

functions.js:

FB.init({
    appId  : '123456789',
    status : true, // check login status
    cookie : true, // enable cookies to allow the server to access the session
    xfbml  : true  // parse XFBML
});

FB.login(function(response) {
    if (response.session) {
        if (response.perms) {
            $.get("content.php", {get: "form"}, function(data){
                $('body').append(data);
            });     
        } else {
            top.location.href="http://example.com";
        }
    } else {
        top.location.href="http://www.example.com";
    }
}, {perms:'publish_stream'});

它适用于 Firefox 和 Internet Explorer,但不适用于 Chrome、Safari 和 Opera。 我在使用 javascript 调试的 Chrome 中遇到了这个错误:

Unsafe JavaScript attempt to access frame with URL https://www.facebook.com/login.php?api_key=123456789&skip_api_login=1&display=popup&cancel_url=http%3A%2F%2Fstatic.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%3Fversion%3D0%23cb%3Df13bcfbe1%26origin%3Dhttp%253A%252F%252Fexample.com%252Ff1fd4b982c%26relation%3Dopener%26transport%3Dpostmessage%26frame%3Df206b2144c%26result%3D%2522xxRESULTTOKENxx%2522&fbconnect=0&next=https%3A%2F%2Fwww.facebook.com%2Fdialog%2Fpermissions.request%3F_path%3Dpermissions.request%26app_id%3D152123456789%26redirect_uri%3Dhttp%253A%252F%252Fstatic.ak.fbcdn.net%252Fconnect%252Fxd_proxy.php%253Fversion%253D0%2523cb%253Df13bcfbe1%2526origin%253Dhttp%25253A%25252F%25252Fexample.com%25252Ff1fd4b982c%2526relation%253Dopener%2526transport%253Dpostmessage%2526frame%253Df206b2144c%2526result%253D%252522xxRESULTTOKENxx%252522%26sdk%3Djoey%26display%3Dpopup%26api_key%3D123456789%26fbconnect%3D0%26locale%3Den_US%26method%3Dpermissions.request%26perms%3Dpublish_stream%26return_session%3D1%26session_version%3D3%26from_login%3D1&rcount=1 from frame with URL http://example.com/myfacebookapp/. Domains, protocols and ports must match.

在 Opera 中,它卡在带有此 url 的弹出窗口(允许弹出)上:

http://static.ak.fbcdn.net/connect/xd_proxy.php?version=0#cb=f5132b51b60fbe&origin=http%3A%2F%2Fexample.com%2Ff10a57ba8d445c&relation=opener&transport=flash&frame=f19023256ffd8&result=%7B%22perms%22%3A%22publish_stream%22%2C%22selected_profiles%22%3A1245738876%2C%22session%22%3A%22%7B%5C%22session_key%5C%22%3A%5C%222.buXjHddfcr_xKQHVeu_FXw__.3600.1299679200-1245738876%5C%22%2C%5C%22uid%5C%22%3A%5C%221245738876%5C%22%2C%5C%22expires%5C%22%3A1299679200%2C%5C%22secret%5C%22%3A%5C%22glwIAcpeG0HDT__0z1QI3g__%5C%22%2C%5C%22access_token%5C%22%3A%5C%22152384968151443%7C2.buXjHdcfcr_xKQHVeu_FXw__.3600.1299679100-1245738876%7CdyZCE5trqgMkU0HSzSorX3jqbIs%5C%22%2C%5C%22sig%5C%22%3A%5C%228724dd80df9f16e7c3a2ce1b06f8d1e1%5C%22%7D%22%7D

所以我的问题是:我怎样才能让它在所有浏览器(Firefox、IE、Chrome 和 safari 最好)中工作?

(编辑:我已经更改了网址并删除了我的应用程序的代码和网址)

【问题讨论】:

    标签: javascript facebook


    【解决方案1】:

    我对弹出窗口也有同样糟糕的经历。最终,我从您正在使用的客户端流模型转移到服务器流模型,服务器在其中进行重定向。

    (我从未使用 Javascript 完成此操作,但我在文档中可以看到,似乎没有关闭弹出窗口的选项。http://developers.facebook.com/docs/reference/javascript/fb.login/

    我无法为您提供 php 示例,因为我的东西在 .NET 中,但我认为它应该以类似的方式为您工作:

    1. 创建一个指向您的 FB 登录页面的链接:例如FBLogin.php
    2. 然后,此页面使用库(facebook php sdk?)来帮助创建 facebook 的登录 url,并返回您网站的 url(例如 FBAuthorize.php)。然后,您将被重定向到 facebooke 登录网址。
    3. 在 FB 上成功认证后,您将被发送回 FBAuthorize.php 页面,其中魔术令牌交换应由库处理。

    没有弹出窗口,没有 javascript。

    【讨论】:

    • 谢谢。我曾想过回到php(我一开始使用它但没有开始工作,所以我尝试了js)。但问题是我在截止日期前没有多少时间了。 ://
    猜你喜欢
    • 1970-01-01
    • 2016-02-24
    • 2015-03-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-07-03
    • 1970-01-01
    • 2013-03-11
    相关资源
    最近更新 更多