一、判断浏览器是移动端还是pc端

这里提供一种方法：利用js中的navigator对象。

var userAgent = navigator.userAgent;//console.log(userAgent);if(window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) {//移动端console.log('mobile');} else {//pc端console.log('pc');}

二、点击链接实现跳转

1.pc端

1. tencent://Message/?Uin=你自己的qq号&websiteName=q-zone.qq.com&Menu=yes

<a href="tencent://Message/?Uin=你自己的qq号&amp;websiteName=q-zone.qq.com&amp;Menu=yes">联系客服</a>

2. http://wpa.qq.com/msgrd?v=3&uin=你自己家的qq号&Site=站点名字&Menu=yes

<a href="http://wpa.qq.com/msgrd?v=3&amp;uin=你自己家的qq号&amp;Site=站点名字&amp;Menu=yes">联系客服</a>

2.移动端

mqqwpa://im/chat?chat_type=wpa&uin=你自己的qq号&version=1&src_type=web&web_src=oicqzone.com
安卓、苹果均适用。

<a href="mqqwpa://im/chat?chat_type=wpa&uin=你自己的qq号&version=1&src_type=web&web_src=oicqzone.com">联系客服</a>

2.示例

//
<a href="" id="service">联系客服</a>
//jsvar service = document.getElementById("service");var userAgent = navigator.userAgent;//console.log(userAgent);if(window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) {//移动端service.href = "mqqwpa://im/chat?chat_type=wpa&uin=1111111111&version=1&src_type=web&web_src=oicqzone.com";} else {//pc端service.href = "tencent://Message/?Uin=1111111111&amp;websiteName=q-zone.qq.com&amp;Menu=yes";}

参考：https://blog.csdn.net/weixin_42703239/article/details/81638325?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522161097805016780262592784%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=161097805016780262592784&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2_blogfirst_rank_v1~rank_blog_v1-1-81638325.pc_v1_rank_blog_v1&utm_term=qq&spm=1018.2226.3001.4450

点击链接弹出qq对话框相关推荐

网页中点击按钮弹出QQ聊天窗口的功能实现
看到网站中有这样的功能:点击某个图片后,可以弹出QQ聊天框和WAP聊天框,在网上虽然能找到实现弹出QQ聊天框的代码,但是两种方式都实现的代码并不好找,后来无意间在QQ推广里看到了一段代码,复制粘贴后把 ...
ASP.NET----实现点击按钮或链接弹出登录对话框
主要是利用遮罩的原理: <style type="text/css"> #login{ position: relativ ...
网页点击弹出QQ对话框
20%的功能满足80%的需求.爱.喜悦.和平. 好久没写了,来个简单的QQ对话框功能. 在html页面添加的代码 <a href="tencent://message/?uin=295 ...
js 弹出QQ对话框
首先打开下面链接,开通QQ推广. http://shang.qq.com/v3/index.html 然后在页面代码中写入 <a target="_blank" href=& ...
点击网页上的联系我们弹出QQ对话框的实现
<a target="_blank" href=" http://wpa.qq.com/msgrd?v=1&uin=QQ号码&site=qq& ...
点击超链接弹出QQ对话窗口
方法一: 点击https://shang.qq.com/v3/widget.html去开通QQ推广: 以上页面中步骤二的代码即是你需要的,如下:(核心就是href属性中的值) <a target ...
打开网页直接弹出qq对话框？
代码一: http://wpa.qq.com/msgrd?v=3&uin=此处输入QQ号&site=qq&menu=yes 代码二: <iframe src=" ...
打开网页自动弹出QQ对话框的实现办法
Ian今天偶然进入一个公司的企业网站,然后QQ聊天窗口这里马上就弹出与那个公司客服聊天的窗口.怀着好奇的心态,Ian分析了该公司的网站源码,发现了实现网页弹出qq对话框的原理与实现方法,相信此时此刻你 ...
可以弹出确认对话框的自定义Web服务器控件ConfirmButton
作者:活靶子[原创] 出处:AspxBoy.Com 经常在论坛里看到类似这样的问题:"-如何在点击删除按钮的时候弹出个确认删除对话框". 下面我们来自己写一个这样的自定 ...

点击链接弹出qq对话框

文章目录