【问题标题】:Whatsapp share button for web version网页版的 Whatsapp 分享按钮
【发布时间】:2020-12-26 15:30:45
【问题描述】:

我有这个脚本,但它仅来自移动版本。

$(document).ready(function() {
    $(document).on("click", '.mc_whatsapp_btn', function() {
        if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
            var text = $(this).attr("data-text");
            var url = $(this).attr("data-link");
            var message = encodeURIComponent(text) + " - " + encodeURIComponent(url);
            var whatsapp_url = ".whatsapp://send?text=" + message;
            window.location.href =  whatsapp_url;
        } else {
            alert("Please use an Mobile Device to Share this Status");
        }
    });
});

有人可以修改吗?

【问题讨论】:

    标签: javascript button share whatsapp


    【解决方案1】:

    这一行

    if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
    

    检查移动设备,如果为真,则执行共享逻辑。在 else 分支(意味着它不是移动设备)中,您会收到一条错误消息。如果您希望在两个版本中发生相同的情况,只需省略 if

    $(document).ready(function() {
        $(document).on("click", '.mc_whatsapp_btn', function() {
            //if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
                var text = $(this).attr("data-text");
                var url = $(this).attr("data-link");
                var message = encodeURIComponent(text) + " - " + encodeURIComponent(url);
                var whatsapp_url = ".whatsapp://send?text=" + message;
                window.location.href =  whatsapp_url;
            //} else {
                //alert("Please use an Mobile Device to Share this Status");
            }
        });
    });
    

    【讨论】:

    • 不工作..这里是完整的代码 分享
    【解决方案2】:

    根据 WhatsApp 文档:https://faq.whatsapp.com/general/chats/how-to-use-click-to-chat/?lang=en

    要创建仅包含预填充消息的链接,请使用 https://wa.me/?text=urlencodedtext

    例如:https://wa.me/?text=I'm%20inquiring%20about%20the%20apartment%20listing`

    结果应该是这样的:

    $(document).ready(function() {
    $(document).on("click", '.mc_whatsapp_btn', function() {
    // this 3 rows will be used for both - desktop and mobile      
        var text = $(this).attr("data-text");
        var url = $(this).attr("data-link");
        var message = encodeURIComponent(text) + " - " + encodeURIComponent(url);
        if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
            var whatsapp_url = ".whatsapp://send?text=" + message;
        } else {
            var whatsapp_url = "https://wa.me/?text=" + message;
        }
        // again for both
        window.location.href =  whatsapp_url;
    });
    

    });

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-02-21
    • 1970-01-01
    • 2014-04-23
    • 1970-01-01
    • 2015-09-13
    • 1970-01-01
    • 2014-12-19
    相关资源
    最近更新 更多