WhatsApp在網站上分享按鈕。簡單的方法來檢測WhatsApp是否存在？

我在我的網站上添加WhatsApp共享按鈕，並且當用戶設備上不存在WhatsApp功能（不支持）時，我想隱藏此按鈕。有沒有簡單的方法？或者任何方式？WhatsApp在網站上分享按鈕。簡單的方法來檢測WhatsApp是否存在？

我發現http://whatsapp-sharing.com，但它對我有一些缺點。 - 沒有自定義按鈕/圖標支持 - 看起來像它僅檢出Android和iOS（怎麼樣的Windows Phone？） - 很難維持在較大的項目

我在尋找一些JS/jQuery的或可能CSSonly（ mediaqueries？）解決方案，但現在沒有成功。任何意見將是有益的，謝謝。

2015-06-26 areim

試試這個

$(document).ready(function() { 

var isMobile = { 
    Android: function() { 
     return navigator.userAgent.match(/Android/i); 
    }, 
    BlackBerry: function() { 
     return navigator.userAgent.match(/BlackBerry/i); 
    }, 
    iOS: function() { 
     return navigator.userAgent.match(/iPhone|iPad|iPod/i); 
    }, 
    Opera: function() { 
     return navigator.userAgent.match(/Opera Mini/i); 
    }, 
    Windows: function() { 
     return navigator.userAgent.match(/IEMobile/i); 
    }, 
    any: function() { 
     return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows()); 
    } 
}; 
if(isMobile.any()) { 
    //hide the share button 
} 
$(document).on("click", '.whatsapp', function() { 
     if(isMobile.any()) { 
      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 share this article in mobile device"); 
     } 

    }); 
});

SOURCE

來源

2015-06-26 09:28:14

如果安裝了WhatsApp不檢查;它只是檢查手機操作系統。 –

@UlyssesAlves它不能，也不應該。事實上，如果能夠從瀏覽器的範圍進行這種檢查，這意味着巨大的安全/隱私泄露。 –

WhatsApp在網站上分享按鈕。簡單的方法來檢測WhatsApp是否存在？

回答

相關問題