FB.ui 网页版和手机版

Question

我正在制作一个具有 facebook 分享功能的 html5 响应式网页。

我已经为 FB.ui 制作了这个 javascript 代码：

    <script>
        window.fbAsyncInit = function () {
            FB.init({appId: 'appid', status: true, cookie: true,
                xfbml: true});
        };
        (function () {
            var e = document.createElement('script');
            e.async = true;
            e.src = document.location.protocol +
                    '//connect.facebook.net/en_US/all.js';
            document.getElementById('fb-root').appendChild(e);
        }());
    </script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#fb-share-button').click(function (e) {
                e.preventDefault();
                FB.ui(
                        {
                            method: 'feed',
                            name: 'title',
                            link: ' http://linkToShare.com',
                            picture: 'http://helloImage.png',
                            caption: 'Caption Best',
                            description: 'Desc',
                            message: '',
                            display: 'touch'
                        });
            });
        });
    </script>

如果是手机浏览器，我希望属性“display”属性获取值'touch'，如果是桌面浏览器，获取值'dialog'。

我尝试将其始终设置为“对话框”，但它在 Android 上的 Firefox 上出现奇怪的显示问题。

谢谢;

Answer 1

经过桌面和移动设备浏览器的测试，最适合显示 FB.ui 的参数是

display: 'iframe'

100% 测试和工作