Javascript 正在使用localhost测试Facebook共享对话框-“;无法解析URL处的对象http://localhost"

Javascript 正在使用localhost测试Facebook共享对话框-“;无法解析URL处的对象http://localhost",javascript,facebook,Javascript,Facebook,我正在尝试使用当前的(在提问之日)Facebook共享对话框,只使用URL(而不是SDK) 我的JS看起来像这样: openFacebookPopup : function (url) { this.openSharerWindow('https://www.facebook.com/dialog/share' + '?app_id=145634995501895' + '&display=popup' + '&href=http%3A%2F%2Flocalhos

我正在尝试使用当前的(在提问之日)Facebook共享对话框,只使用URL(而不是SDK)

我的JS看起来像这样:

openFacebookPopup : function (url) {
        this.openSharerWindow('https://www.facebook.com/dialog/share' + '?app_id=145634995501895' + '&display=popup' + '&href=http%3A%2F%2Flocalhost' + '&redirect_uri=http%3A%2F%2Flocalhost');
        return false;
}
我得到的错误是:

无法解析URL上的对象
http://localhost/

这意味着什么?我该如何着手解决它? 我应该注意到,这个JS在使用facebook的旧“sharer.php”url时不会出现问题


我有
http://localhost
添加到我的应用程序中。

@WizKid想说的是Facebook正在你的页面上寻找一些元标签(例如,
,这样它就可以组织您共享的内容…但找不到它们。您当前的共享可能在生产环境下工作,但在本地主机上无法工作。您可以使用url调试器测试facebook正在查找的内容:


旧的基于URL参数的共享适用于localhost(如果您已将其添加为站点URL和应用程序域),因为facebook在该实例中所要做的就是解析共享字符串的查询参数。

由于FB无法访问您的localhost以提供弹出窗口,您必须自己提供

首先,在您需要的每个页面上添加Facebook的Javascript SDK:

  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'your-app-id',
      xfbml      : true,
      version    : 'v2.3'
    });
  };

  (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 = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
然后,将此函数绑定到所需的任何触发器上,例如单击事件:

$('#fb-share-button').click(function() {
    FB.ui({
          method: 'feed',
          link: "The link you want to share", 
          picture: 'The picture url',
          name: "The name who will be displayed on the post",
          description: "The description who will be displayed"
        }, function(response){
            console.log(response);
        }
    );
});

I console.log响应,但在此块中,您可以执行您想要的操作。例如,捕获响应以查看帖子是否得到了很好的共享。

要在本地主机上测试facebook共享调试器,我们可以创建一个隧道

按照以下步骤操作
来源:

这意味着Facebook无法刮取您的站点OK。Facebook无法刮取我的站点意味着什么?Facebook需要能够获取您想要共享的页面,才能获取关于它的信息。您是否有更多信息,比如解决方案是什么,或者如何开始修复它?WizKid,您的答案是谁也帮不了。