小编use*_*216的帖子

WhatsApp 仅使用 html 通过描述性文本共享 url 链接

我想让我的网站用户通过 WhatsApp 共享当前网页 url(存储在 ViewBag.OgUrl 中)。

WhatsApp 消息应包含url 标题(存储在 ViewBag.OgTitle 中),单击该标题将打开 url(存储在 ViewBag.OgUrl 中)。

这需要通过没有js的html来完成。

标准方法是:

 @{
    var urlWhatsapp = "whatsapp://send?text=" + @ViewBag.OgUrl;
  }
Run Code Online (Sandbox Code Playgroud)

然后简单地:

 <a href="@urlWhatsapp" target="_blank">WhatsApp Share</a>
Run Code Online (Sandbox Code Playgroud)

除了共享实际 url 而不是标题这一事实之外,这很好用。

例如,WhatsApp 消息包含实际链接http://example.org/,而我希望它显示在 WhatsApp 中:

第一个例子

编辑:如果想要获得标题和链接,只需将代码替换为:

  @{var urlWhatsapp = "whatsapp://send?text=" + @ViewBag.OgTitle + " - " + @ViewBag.OgUrl;}

<a class="fa fa-whatsapp" href="@urlWhatsapp" target="_blank"></a>
Run Code Online (Sandbox Code Playgroud)

如果在分享之后等待,但在实际将消息发送给收件人之前,原始消息上方会出现一个可点击的框(对于任何带有 url 中定义的内容的 whatsapp 链接 - 图像、文本等,根据 - 见下面的例子) 在此处输入图片说明

html share href whatsapp

5
推荐指数
1
解决办法
3万
查看次数

标签 统计

href ×1

html ×1

share ×1

whatsapp ×1