我开发了一个网站,主要用在手机上。 我想让用户直接从网页分享信息到WhatsApp。

使用UserAgent检测,我可以区分Android和iOS。 我发现,为了在iOS中实现上述功能,我可以使用URL:

href="whatsapp://send?text=http://www.example.com"

我仍然在寻找当操作系统是Android时使用的解决方案(因为上面的不工作)。 我猜这在某种程度上与在Android中使用“意图”有关,但我不知道如何将其作为href的参数。


当前回答

一般来说,只在iOS或Android设备上使用java脚本显示Whatsapp Link是有意义的:

   if (navigator.userAgent.match(/iPhone|Android/i)) {
      document.write('<a href="whatsapp://send?text=See..">Share on WhatApp</a>');
   }

其他回答

上面的答案有点过时了。虽然这些方法工作,但通过使用下面的方法,您可以将任何文本共享到一个预定义的数字。下面的方法适用于android, WhatsApp web, IOS等。

你只需要使用下面的格式:

<a href="https://api.whatsapp.com/send?phone=whatsappphonenumber&text=urlencodedtext"></a>

更新—从现在开始使用(2018年11月)

<a href="https://wa.me/whatsappphonenumber/?text=urlencodedtext"></a>

Use: https://wa.me/15551234567 Don't use: https://wa.me/+001-(555)1234567 To create your own link with a pre-filled message that will automatically appear in the text field of a chat, use https://wa.me/whatsappphonenumber/?text=urlencodedtext where whatsappphonenumber is a full phone number in international format and URL-encodedtext is the URL-encoded pre-filled message. Example:https://wa.me/15551234567?text=I'm%20interested%20in%20your%20car%20for%20sale To create a link with just a pre-filled message, use https://wa.me/?text=urlencodedtext Example:https://wa.me/?text=I'm%20inquiring%20about%20the%20apartment%20listing After clicking on the link, you will be shown a list of contacts you can send your message to.

欲了解更多信息,请参见https://www.whatsapp.com/faq/en/general/26000030

目前,这很容易实现。你只需要添加以下代码到你的页面:

<a href="whatsapp://send?text=<<HERE GOES THE URL ENCODED TEXT YOU WANT TO SHARE>>" data-action="share/whatsapp/share">Share via Whatsapp</a>

就是这样。不需要Javascript,不需要其他任何东西。当然,你可以根据自己的喜好来设置样式,并添加一个漂亮的Whatsapp图标。

我用谷歌Chrome浏览器在我的Android设备上测试了这个功能。版本:

Android 4.1.2(果冻豆) Chrome Mobile 37.0.2062.117。也在Firefox Mobile 31.0上进行了测试。 Whatsapp V 2.11.399

它也适用于iOS。我用Safari在iPhone 5上做了一个快速测试,效果也很好。

希望这能帮助到一些人。: -)

就像“whatsapp://send?”text=" + encodeURIComponent(你的文本在这里),它肯定会工作。

一般来说,只在iOS或Android设备上使用java脚本显示Whatsapp Link是有意义的:

   if (navigator.userAgent.match(/iPhone|Android/i)) {
      document.write('<a href="whatsapp://send?text=See..">Share on WhatApp</a>');
   }

最近WhatsApp在官网上更新了我们需要使用的内容 这个HTML标签,以使其可共享到移动网站:

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

您可以替换text=来拥有您的链接或任何文本内容