Javascript web和移动电话的FB.ui

我正在制作一个响应html5的网页，该网页具有facebook共享功能

我已经为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>

window.fbAsyninit=函数（）{
init（{appId:'appId'，状态：true，cookie:true，
xfbml:true}）；
};
（功能（）{
var e=document.createElement（'script'）；
e、 异步=真；
e、 src=document.location.protocol+
“//connect.facebook.net/en_US/all.js”；
document.getElementById（'fb-root'）.appendChild（e）；
}());
$（文档）.ready（函数（）{
$（“#fb共享按钮”）。单击（功能（e）{
e、 预防默认值（）；
FB.ui(
{
方法：“提要”，
姓名：'头衔'，
链接：'http://linkToShare.com',
图片：'http://helloImage.png',
标题：“最佳字幕”，
描述：'Desc'，
消息：“”，
显示：“触摸”
});
});
});

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

我试着把它一直放在“对话框”上，但它在Android上的Firefox上有奇怪的显示问题

---

谢谢大家,

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

display: 'iframe'

100%测试和工作