Question

我试图为安装了该应用的访问者提供WhatsApp共享选项（针对移动网站）。

验证访问者是否能够使用此功能的最佳方法是什么，以便我可以相应地启用/禁用它？

该功能只是使用自定义网址方案的链接：

<a href="whatsapp://send?text=Hello%20World!">Hello, world!</a>

Answer 1

您可以通过检查链接是否打开来解决此问题。

这是我的代码

function open_whatsapp(){
    $.ajax({
      type: 'HEAD',
      url: 'whatsapp://send?text=Hello%20World!',
      success: function() {
        window.location='whatsapp://send?text=Hello%20World!';   
      },
      error: function() {
        alert("Whatspp not installed");
      }
    });     
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="share_whatsapp" onclick="open_whatsapp()">Share with Whatsapp</button>

Answer 2

这不是一个好的解决方案，因为它取决于操作系统。

if(isMobile()){
   function onWhatsAppClick(e){
       e.preventDefault();
       window.location='whatsapp://send?text=text=Hello%20World!';
   }
}

说明：

您应该只在手机上查看并显示 WhatsApp 。
防止默认，并使用 window.location

Plunker：https://plnkr.co/edit/U4CtbxeA81d25lc7dlGe?p=preview

仅在安装时通过WhatsApp共享

2 个答案: