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聊天 - 封装篇 ” 的全部内容。

PC端页面调用QQ聊天 - 封装篇相关推荐

h5页面 pc端html 调用QQ群
很难找,在网上找了很久都没有找到,最终在群里问朋友,才找到这段代码.虽然代码不长,但是建议需要的朋友收藏一下.绝对有效! 移动端H5 QQ在线客服链接代码 <a href="mqqwp ...
PC端浏览器调用QQ
作者:奈落虎链接:https://www.zhihu.com/question/27541414/answer/52753615 来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载 ...
【WEB2.0】网页调用QQ聊天（PC+M站）
很多时候,我们在网站中需要加入联系QQ的功能,我下面就来说下在web页面中调用QQ聊天是如何实现的,直接上代码: <!DOCTYPE HTML> <html><head& ...
如何在网页调用QQ聊天
文章来源:https://blog.csdn.net/wq122289014/article/details/52871203 很多时候,我们在网站中需要加入联系QQ的功能,我下面就来说下在web页面 ...
oracle里子连接查询,pc端页面滚动到底部加载更多数据......
场景:pc端页面鼠标滚动到底部时,通过ajax加载更多的数据,实现分页功能,封装成了一个函数,自己根据实际情况调用即可. 说明:discussList是放加载内容的div容器 // 加载更多评价的函数 ...
微信PC端C++技术获取聊天内容
微信PC端C++技术获取聊天内容 C/C++编程最近又学习了某位大佬用C++的方法,大佬的一句话有点醍醐灌顶,然后有了新的感觉,然后开始尝试实践这篇文章. 自己总结一下C++用法的核心思路:通过各种 ...
pc端html调用麦克风_如何减少PC上的麦克风背景噪音
pc端html调用麦克风 Micolas/Shutterstock.com Micolas / Shutterstock.com Whether you're video conferencing w ...
手机端与pc端页面html5,浅谈pc和移动端的响应式的使用
身为一个前端攻城狮,是不是经常遇到各种各样的响应式问题?下面我们来说一下: 1.响应式跟自适应有什么区别? 有些人可能还不知道响应式跟自适应的区别,甚至认为他们是同一个东西,其实不是的. 自适应是最早 ...
PC端页面在手机端完整显示
PC端页面在手机端完整显示页面最后生效的是最后加载的,通过$.load加载的页面内的<meta name="viewport">会覆盖父页面的<meta nam ...

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

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

对应的 `html 代码如下`：

效果图：

PC端页面调用QQ聊天 - 封装篇相关推荐

最新文章

热门文章

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

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

对应的 html 代码如下：

效果图：

PC端页面调用QQ聊天 - 封装篇相关推荐

最新文章

热门文章

对应的 `html 代码如下`：