web页面上联系QQ客服功能实现——一行代码搞定

我就是我 2022-10-20 01:18 203阅读 0赞

今天遇到一个功能，就是联系在线客服，要求是点击联系客服时，打开`qq`，到指定`qq`号的聊天框中。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70]  
我参考了之前同事写的代码，发现可以通过一行代码实现此功能。

`<a href="tencent://message/?uin=234234234324&Site=在线QQ&Menu=yes" style="color:#999"><img src="/Content/img/sample/kefu.png" /></a>`

此处的`a`标签通过点击可以打开新的链接，当`href`内容为:`tencent://message/?uin=`\+`客服qq号码`\+`&Site=在线QQ&Menu=yes` 时，就是直接打开`qq`进行聊天，如果没有安装或者没有登录`qq`也会有相应的提示：

## 没有登录`qq` ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70]: /images/20221004/8e34e6364f764c23be93bd7e83946c49.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70 1]: /images/20221004/f811b82aa9624a699eee98abdcb29b0a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFvY2hlbmc1MjA_size_16_color_FFFFFF_t_70 2]: /images/20221004/1df8ffc8bcf84f6a9d4217a608f889b8.png

发表评论取消回复

表情：

评论列表（有 0 条评论，203人围观）

还没有评论，来说两句吧...

相关阅读

相关 Excel VBA一行代码搞定分组排序

> 最近很多小伙伴都被分组排序所困扰,Excel没有现成的分组排序功能,想要这功能基本都是靠录制宏.但是一旦录制宏,你就可以看到一长串不知道用不用得上,又不敢随便删除的代码

深藏阁楼爱情的钟/ 2023年06月20日 06:22/ 0 赞/ 45 阅读

相关一行 CSS 代码搞定响应式布局

> 作者：icepy @知乎专栏 > > https://zhuanlan.zhihu.com/p/69809343 ![format_png][] 在这篇文章中，

- 日理万妓/ 2023年03月02日 10:46/ 0 赞/ 7 阅读

相关 CSDN客服联系方式

方便解决博客内容发不出去等问题： CSDN客服联系方式 1、公司总机公司总机：010-51661202-700 2、客服电话：010-64796228、64

我就是我/ 2023年01月15日 11:21/ 0 赞/ 99 阅读

相关一行 CSS 代码搞定响应式布局

![format_png][] 作者：icepy @知乎专栏 https://zhuanlan.zhihu.com/p/69809343 ![format_png 1][

ゝ一世哀愁。/ 2022年12月19日 03:36/ 0 赞/ 180 阅读

相关一行代码，搞定浏览器数据库 IndexedDB

![2be1f8b9e912d13fe9564c4a7a94c608.png][] 前言 2021 年，如果你的前端应用，需要在浏览器上保存数据，有三个主流方案可以选

今天药忘吃喽~/ 2022年11月05日 00:45/ 0 赞/ 256 阅读

相关 web页面上联系QQ客服功能实现——一行代码搞定

今天遇到一个功能，就是联系在线客服，要求是点击联系客服时，打开`qq`，到指定`qq`号的聊天框中。 ![在这里插入图片描述][watermark_type_ZmFuZ3po

我就是我/ 2022年10月20日 01:18/ 0 赞/ 204 阅读

相关京东怎么在线联系客服

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

末蓝、/ 2022年10月10日 12:30/ 0 赞/ 345 阅读

相关 QQ在线客服代码网页qq咨询html代码

转自：[https://www.fengjinwei.com/blog-18703.html][https_www.fengjinwei.com_blog-18703.html

以你之姓@/ 2022年01月15日 13:35/ 0 赞/ 1084 阅读

相关一行css代码搞定响应式布局

在这篇文章中，我将教你如何使用 CSS Grid 来创建一个超酷的图像网格图，它将根据屏幕的宽度来改变列的数量。最精彩的地方在于：所有的响应特性被添加到了一行 cs

客官°小女子只卖身不卖艺/ 2021年09月20日 06:58/ 0 赞/ 342 阅读

相关 jQuery+CSS: 一行代码搞定行列转置

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

╰+哭是因爲堅強的太久メ/ 2021年06月24日 15:59/ 0 赞/ 528 阅读