javascript - 带有动态 URL 和标题的 Twitter 和 Facebook 自定义共享按钮

Question

我可以使用 Twitter 按钮，但不能使用 Facebook 按钮。 Facebook 弹出窗口加载，但随后消失。 Chrome 控制台中没有错误。

HTML

<i onclick="fbs_click();" class="fa fa-facebook article-tab-sub"></i>
<i onclick="twr_click();" class="fa fa-twitter article-tab-sub"></i>

Javascript

function twr_click() {
    var twtTitle = document.title;
    var twtUrl = location.href;
    var maxLength = 140 - (twtUrl.length + 1);
    if (twtTitle.length > maxLength) {
        twtTitle = twtTitle.substr(0, (maxLength - 3)) + '...';
    }
    var twtLink = 'http://twitter.com/home?status=' + encodeURIComponent(twtTitle + ' ' + twtUrl);
    var x = screen.width/2 - 280/2; var y = screen.height/2 - 280/2; window.open(twtLink, '','height=280,width=280,left='+x+',top='+y);
}
function fbs_click() {
    var fbsTitle = document.title;
    var fbsUrl = location.href;
    var maxLength = 140 - (fbsUrl.length + 1);
    if (fbsTitle.length > maxLength) {
        fbsTitle = fbsTitle.substr(0, (maxLength - 3)) + '...';
    }
    var fbsLink = 'http://www.facebook.com/sharer.php?u=' + encodeURIComponent(fbsTitle + ' ' + fbsUrl);
    var x = screen.width/2 - 280/2; var y = screen.height/2 - 280/2; window.open(fbsLink, '','height=280,width=280,left='+x+',top='+y);
}

Answer 1

您没有正确构成 fbsLink 变量。我看了here并发现 u 属性应该只是 url 而 title 应该是分开的。这是固定的代码行:

var fbsLink = 'http://www.facebook.com/sharer.php?u=' + encodeURIComponent(fbsUrl) + '&title=' + encodeURIComponent(fbsTitle);