2014-12-05 30 views
4

我正在尝试为安装了该应用程序的访问者提供WhatsApp共享选项(针对移动网站)。只有在安装时才通过WhatsApp共享

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

的功能也只是使用自定义URL方案的链接:

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

+0

你能解决这个问题呢? – 2015-07-06 06:57:50

回答

3

您可以通过检查链接是否会打开或不解决这个问题。

这里是我的代码

<a id="share_whatsapp" onclick="open_whatsapp()">Share with Whatsapp</a> 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js?ver=4.1' type='text/javascript'></script> 
<script> 
    function open_whatsapp(){ 
    $.ajax({ 
     type: 'HEAD', 
     url: 'whatsapp://send?text=text=Hello%20World!', 
     success: function() { 
     window.location='whatsapp://send?text=text=Hello%20World!'; 
     }, 
     error: function() { 
     alert("Whatspp not installed"); 
     } 
    });  
    } 
</script> 
0

这不是很好的解决方案,因为它依赖于OS。

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

解释:

  1. 您应该检查并显示WhatsApp的只手机。
  2. 防止默认,并打开window.location的

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