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>
此案例的QQ源码调用,请参考推荐网站。
免责声明:
- 此案例代码仅作为代码学习,一切商业用途导致的纠纷都与本博主无关。
- 如有侵权,请提供认领资料与博主联系处理事宜。
效果图:
以上就是关于“ PC端页面调用QQ聊天 - 封装篇 ” 的全部内容。