javascript - 当 data-mobile-iframe 设置为 true 时，Facebook 共享对话框窗口不会加载

Question

我在我的网站上实现了一个 facebook 共享按钮，当 data-mobile-iframe="true"时，共享对话框不会在手机浏览器上加载。如果我将它设置为“false”，那么它会通过在浏览器上打开另一个选项卡来工作。当设置为“true”时，我看到的只是一个加载图标、一个取消文本和一个透明覆盖层。

我尝试了 Chrome、Firefox 和 Dolphin，因为我在手机上安装了这些。

<div id="fb-root"></div>
<script>(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/es_ES/sdk.js#xfbml=1&version=v2.10";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

还有按钮

<div class="fb-share-button" data-href="http://url-to-share" data-layout="button" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Furl-to-share.com%2F&amp;src=sdkpreparse">Share</a></div>

为什么它不能与移动 iframe 一起使用？我的意思是，我不能使用移动 iframe，但我想让用户不必导航到另一个窗口来共享内容。

Answer 1

如果将 data-mobile-iframe="true"更改为 "false"它会起作用，至少它对我有用，但它不会再询问观众详细信息(公众、 friend ，只有我)