来自connect.facebook.net/en_US/all.js的IE 8中由于信用回调引起的错误

时间:2012-07-30 11:33:54

标签: facebook internet-explorer-8 callback facebook-javascript-sdk facebook-credits

设定:
有一个工作的Facebook应用程序,我正确设置为Facebook信用交易(即服务器端的一切工作正常) 在Firefox和chrome事务中完成没有问题,但是在IE8中,完成/关闭购买对话框时的回调会引发以下错误:

错误1:

Line: 52 Error: Object doesn't support this property or method  
Object doesn't support this property or method  JScript - script block, line 52 character 37

它指向的功能是:

ui: function( params )
{
obj = FB.JSON.parse( params );
method = obj.method;
cb = function( response ) { FBAS.getSwf().uiResponse( FB.JSON.stringify( response ),     method ); }
FB.ui( obj, cb );
},

特别强调这一点:

FBAS.getSwf().uiResponse( FB.JSON.stringify( response ), method )
<{3>}文件中的

错误2:
    行:65错误:对象不支持此操作
    对象不支持此操作all.js,第65行\ n字符2198

[它所指的那条线是一个愚蠢的长期未格式化的无法读取的混乱,所以我会省略它,除非要求]

特别强调这一点:

delete d._old_visibility

再次在http://connect.facebook.net/en_US/all.js文件中

我正在使用的html(删除应用程序标识内容)如下:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
    <meta charset="utf-8" />

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="Expires" content ="0" />
    <meta http-equiv="Pragma" content ="no-cache" />
    <meta http-equiv="Cache-Control" content ="no-cache" />
    <title>[ APP NAME ]</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script> 
</head>
<body>
    <div id="fb-root"></div> 
    <script type="text/javascript">
        $(document).ready
        (
            function()
            {
                var appId = [ APP ID ];
                var host = [ APP HOST ];

                // If the user did not grant the app authorization go ahead and
                // tell them that. Stop code execution.
                if (0 <= window.location.href.indexOf ("error_reason"))
                {
                    $(document.body).append ("<p>Authorization denied!</p>");
                    return;
                }


                // Loads the Facebook SDK script.
                (function(d)
                {
                    var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
                    js = d.createElement('script'); js.id = id; js.async = true;
                    js.src = "//connect.facebook.net/en_US/all.js";
                    d.getElementsByTagName('head')[0].appendChild(js);
                }(document));


                // When the Facebook SDK script has finished loading init the
                // SDK and then get the login status of the user. The status is
                // reported in the handler.
                window.fbAsyncInit = function()
                {
                    //debugger;

                    FB.init(
                    {
                        appId : appId,
                        status : true,
                        cookie : true,
                        oauth : true,
                    });

                    FB.getLoginStatus (onCheckLoginStatus);
                };


                // Handles the response from getting the user's login status.
                // If the user is logged in and the app is authorized go ahead
                // and start running the application. If they are not logged in
                // then redirect to the auth dialog.
                function onCheckLoginStatus (response)
                {
                    if (response.status != "connected")
                    {
                        top.location.href = "https://www.facebook.com/dialog/oauth?client_id=" + appId + "&redirect_uri=" + encodeURIComponent (host+"[ RELATIVE APP  PATH ]") + "&scope=publish_stream,user_about_me,read_friendlists,user_photos";
                    }
                    else
                    {
                        // Start the application
                        loadGame();
                    }
                }
            }
        );

        function loadGame()
        {
            var flashvars = {};  
            var params = {};  
            var attributes = {};  
            params.allowscriptaccess = "always";
            attributes.id = 'flashContent';
            attributes.name = 'flashContent';
            swfobject.embedSWF("[ APP SWF ]?"+Math.floor(Math.random()*10000), "flashContent", "100%", "99%", "10.0", null, flashvars, params, attributes);
        }
    </script>


    <div id="flashContent" > 
        Loading...
    </div>
</body>

这只是IE 8的一个问题,但由于大量用户交易失败(或者更确切地说,由于回调失败而无法完成,收费并且不生效),因此停止应用程序上线。 在过去的几天里,我一直在寻找其他有这个或类似问题但却无济于事的人 我已经看到一些类似的问题,人们被警告全局创建的javascript变量,并使用IE中保留的关键字导致干扰或变量名称,但据我所知,这里不是这种情况。 Facebook javascript代码是从facebook开发页面和可靠来源提取的相当模板的东西。它可能是JQuery(我很少有经验),然而,再次,这是从工作示例中解除的,如果有问题,我看不到它。

有人可以帮忙吗?

2 个答案:

答案 0 :(得分:1)

解决

我不会接受这个答案,因为老实说,我不认为这个问题对所提供的信息是可以回答的/可解决的,并且认为这是不好的形式。但是我想把这个留给那些可能正在寻找解决方案的人。

错误原因
问题是,当应用隐藏/不可见时,Facebook在“正常”Facebook操作(在这种情况下,显示付费提示)和外部接口调用无法在Internet Explorer中工作时隐藏应用程序的结果。

<强>解决方案
发现于http://flassari.is/2012/02/external-interface-error-object-expected/#comment-1743
所有这些步骤可能都不是必要的,但最终我所做的是:

通过使用

覆盖可见性来停止Facebook隐藏应用程序
<style>
#[ ID OF THE FLASH OBJECT]
{
    visibility: visible !important;
}
</style>

添加wmode =“opaque”;对于swfobject params
通过将hideFlashCallback:“OnHideFlash”添加到actionscript中的FB.init选项来移动/隐藏应用程序,使用可选的flash_hide_callback,其中OnHideFlash是一个javascript函数:

function OnHideFlash(params)
{
    if (params.state == 'opened')
    {
        getSwf().style.top = '-10000px';
    } else
    {
        getSwf().style.top = '';
    }
}  

getSwf()是获取Flash应用程序对象的首选方法。

希望这可以挽救一些人在过去几天中无法解释XYXY无法解决问题和解决方案的原因所带来的痛苦。

答案 1 :(得分:0)

我建议您通过JavaScript Lint工具放置代码并更正找到的任何错误。 IE8对JavaScript的编码方式非常挑剔,而Firefox和Chrome可以轻微搞错。如果您的代码没有错误(在linting之后),它应该可以正常工作。