适用于网络和手机的FB.ui

FB.ui for both web and Mobile phone

本文关键字:FB ui 手机 网络 适用于      更新时间:2023-09-26

我正在制作一个具有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",如果是桌面浏览器,则获得"对话框"值。

我试图把它总是"对话框",但它在 Android 上的 Firefox 上显示问题很奇怪。

谢谢;

在对桌面和移动设备浏览器进行测试后,最适合显示 FB.ui 的参数是

display: 'iframe'

经过测试并工作 100%