WhatsApp 分享链接 - Html

WhatsApp 是一款流行的免费通讯应用，它支持发送文本、图片、音频、视频等多种媒体类型，同时还支持群聊和语音通话。WhatsApp 还提供了一种方便的方式用来分享链接，允许用户快速地将自己感兴趣的内容分享给朋友和家人。

在 HTML 页面中，我们可以通过以下代码生成一个可以分享到 WhatsApp 的链接：

<a href="whatsapp://send?text=分享内容&amp;phone=目标号码">分享到 WhatsApp</a>

以上代码中，whatsapp://send 是 WhatsApp 的协议，用于打开 WhatsApp 并触发分享操作。text 参数用来指定分享的内容，phone 参数则指定了分享的对象，即接收者的手机号码。请注意，phone 参数需要加上国际区号，如中国大陆的区号为 +86。

下面是一个示例，演示了如何将一个网页的标题和链接分享给指定的 WhatsApp 用户：

<a href="whatsapp://send?text=来看看这篇文章吧：%0A%0A《{title}》%0A{url}&amp;phone=+8613801234567">分享到 WhatsApp</a>

其中 %0A 表示换行符，{title} 和 {url} 是占位符，可以通过程序动态生成。请将 +8613801234567 替换为你要分享的 WhatsApp 用户的手机号码。

如果你想要在网页上显示一个二维码，让用户可以用手机扫描后直接分享到 WhatsApp，可以使用第三方 JavaScript 库 Qrcode.js。

## 代码示例

````html
<!-- 导入 qrcode.min.js -->
<script src="https://cdn.jsdelivr.net/npm/qrcode@1.4.4/qrcode.min.js"></script>

<!-- 放置二维码的容器 -->
<div id="qrcode"></div>

<!-- 生成二维码的代码 -->
<script>
  var phone = '+8613801234567';
  var text = '来看看这篇文章吧：%0A%0A《文章标题》%0Ahttp://example.com/article';
  var url = 'whatsapp://send?text=' + encodeURIComponent(text) + '&phone=' + encodeURIComponent(phone);
  var qrcode = new QRCode(document.getElementById('qrcode'), {
    text: url,
    width: 256,
    height: 256,
    colorDark: '#000000',
    colorLight: '#ffffff',
    correctLevel: QRCode.CorrectLevel.H
  });
</script>

以上代码中，我们通过 Qrcode.js 生成了一个二维码，其内容为指向 WhatsApp 分享链接的 URL。text 和 phone 参数的值与前面示例中相同，请根据实际情况进行替换。使用 JavaScript 动态生成的 URL 需要用 encodeURIComponent 函数进行编码。

在实际开发中，我们还可以使用 Web API navigator.share() 来实现在浏览器中分享到 WhatsApp 的功能。不过由于该 API 并不被所有浏览器支持，因此需要根据情况进行兼容处理。