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

我正在尝试仅使用 URL（而不是 SDK）来使用当前（在提出此问题时）的 Facebook 共享对话框。

我的 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添加到我的应用程序中。

由于 FB 无法访问您的本地主机来提供弹出窗口，因此您必须自己提供。

首先，在您需要的每个页面上添加 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);
        }
    );
});

我 console.log 响应，但在这个块中你可以做你想做的事。例如，查看回复以查看该帖子是否得到了很好的分享。