在移动设备上使用 FB.ui 无法在 Facebook 上共享内容？答案

【问题标题】：Sharing content on Facebook is not working using FB.ui in for mobile devices?在移动设备上使用 FB.ui 无法在 Facebook 上共享内容？
【发布时间】：2021-11-17 17:44:24
【问题描述】：

我添加了以下代码，该代码在 Web 上运行良好，但在移动设备上却没有，点击事件似乎没有触发。

    var FacebookShare = function() {
        this.method = 'feed';
        this.name = 'A Name';
        this.hashtag = '#YourHashtag';
    };

    $('#facebook-share').click((event) => {
        let options = new FacebookShare();
        options.quote = $(event.currentTarget.parentElement).find('h5').html() 
        facebookshare(event, options)
    });

    function facebookshare(event, options) {
    event.preventDefault()

    if(typeof(mobileApp) !== 'undefined'){
        options.display = "touch"; //also tried iframe, popup
        FB.ui(options,
        function() {
            console.log('shared');
            })
        }
    }

【问题讨论】：

“点击事件似乎没有触发” - 如果是这种情况（你是如何确定的，确切地说？），那么这不会是太多首先是 Facebook SDK 问题。
没有点击事件在网络上工作正常。不幸的是，我无法将调试器附加到移动设备以确认这一点。

标签： javascript facebook sdk fb.ui

【解决方案1】：

我能够通过用引号重载以下查询字符串来找到解决此问题的方法 - 这是您要引用的文本和图像 (url)。唯一的失败是我无法在帖子中添加主题标签，但总的来说它有效！

        var u = encodeURI(options.picture);
        var q = encodeURI(options.quote);
        window.location.href = "https://www.facebook.com/sharer/sharer.php?u=" + u + `&quote=${q}&display=popup&ref=plugin&src=like&kid_directed_site=0&app_id=YOUR_APP_ID`

【讨论】：