如何阻止我的 Facebook 分享 window 被弹出窗口阻止程序阻止？

Question

我的 Facebook 分享 window 在调用 Facebook 分享按钮的 onClick 函数时出现。

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

这是我第一次创建分享window。是否有绕过弹出窗口拦截器的简单解决方案？

这里是触发功能的按钮：

<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 分享 window 被弹出窗口阻止程序阻止？

How do I stop my Facebook share window from being blocked by popup-blocker?

javascript

facebook

facebook-graph-api

facebook-javascript-sdk