PC端页面调用QQ聊天 - 封装篇

最新推荐文章于 2022-10-16 01:10:13 发布

原创最新推荐文章于 2022-10-16 01:10:13 发布 · 1.3k 阅读

2 ·

CC 4.0 BY-SA版权

本文为优快云博主原创文章，不允许其他平台转载。擅自转载至其他平台，严肃追究！

腾讯QQ调用专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种新的调用QQ代码方式，解决了跨浏览器兼容性问题，可在PC和手机端实现QQ临时会话。提供了HTML代码示例，包括使用JavaScript判断设备类型并调用相应QQ链接。

PC端页面调用QQ聊天 - 封装篇

今天收到网页留言，说因为兼容性的问题，他提供了有新的调用QQ代码的方式。
这里苏查了一下别人的源码，研究学习了一下。剥离贴出来，供大家参考学习。

来自用户tyj1021的亲自测试：wpa. 这个方法可以同时实现在电脑和手机调用QQ出来临时会话，唯独safair浏览器打开时跳到App Store里去其他的手机版浏览器都还能直接调到手机Q里去

对应的 `html 代码如下`：

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
	<p>免责声明：此案例代码仅作为代码学习，一切商业用途导致的纠纷都与本博主无关。</p>
	<br />	
	<h3><a href="javascript:chatQQ('123456');">立即QQ咨询</a></h3>

<script src="jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$(window).on('load resize', function(event) {
        $(".buttonpush").click(function(event) {
            $(".neirong").addClass('neirong-show');
        });
        $(".neirong-close").click(function(event) {
           $(".neirong").removeClass('neirong-show');
        });

		if($('.slider').length > 0 && getClientInfo()!='PC'){
			$('.pfocus img').css({'position':'absolute'});
			if($(window).width() <= 768){
				$('.slider,.slider .item').css('height','375px');
			}else{
				var xx_height = $('.pfocus img').height();
				$('.slider,.slider .item').css('height',xx_height+'px');
			}
		}
    });
    
function getClientInfo(){  
   var userAgentInfo = navigator.userAgent;  
   var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");  
   var agentinfo = null;  
   for (var i = 0; i < Agents.length; i++) {  
       if (userAgentInfo.indexOf(Agents[i]) > 0) { agentinfo = userAgentInfo; break; }  
   }  
   if(agentinfo){
        return agentinfo;
   }else{
        return "PC"; 
   }     
}

function chatQQ(number){
	if(getClientInfo()=='PC'){
		window.open('http://wpa.qq.com/msgrd?v=3&uin='+number+'&site=qq&menu=yes','_blank');
	}else{
		window.location.href = "mqqwpa://im/chat?chat_type=wpa&uin="+number+"&version=1&src_type=web&web_src=guangfan.com";    
	}
}
</script>
</body>
</html>