Question

当点击Facebook共享按钮上的某个功能时，我的Facebook共享窗口出现了。

问题是Facebook窗口试图出现但被弹出窗口拦截器阻止。

这是我第一次创建共享窗口。是否有一个绕过弹出窗口阻止程序的简单解决方案？

以下是触发该功能的按钮：

<button class="share-now" onclick="fb_callout();">

这是一个名为的函数：

<script>
 function fb_callout() {
     (function(d){
         var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
         if (d.getElementById(id)) {return;}
         js = d.createElement('script'); js.id = id; js.async = true;
         js.src = "//connect.facebook.net/en_US/all.js";
         ref.parentNode.insertBefore(js, ref);
         }(document));
     }
  window.fbAsyncInit = function() {
    // init the FB JS SDK
    FB.init({
      appId      : '162280254223002', // App ID from the App Dashboard
      xfbml   : true,
      version : 'v2.5',
      status     : true
    });

    // Additional initialization code such as adding Event Listeners goes here
    FB.ui(
      {
        method: 'feed',
        href: 'http://www.example.com',
        name: 'Example',
        link: 'http://www.example.com',
        picture: 'http://image.png',
        caption: 'Caption',
        description: 'words go here'
      },
      function(response) {
        if (response && response.post_id) {
          alert('Post was published.');
        } else {
          alert('Post was not published.');
        }
      }
    );
  };
  </script>

Answer 1

现在，您尝试打开弹出窗口而不是用户交互，但是在异步回调函数中。当然弹出窗口阻止程序检测到并阻止弹出窗口（出于好的理由）。你需要做两件事：

在页面加载时加载JS SDK，而不是用户交互。
直接在用户互动上致电FB.ui。它应该是fb_callout函数中的唯一内容。

如何阻止我的Facebook共享窗口被弹出窗口拦截器阻止？

1 个答案: