JQuery/PHP
手机端网站无法跳转唤起QQ的解决方法
PetitQ
收藏
手机端网站无法跳转唤起 QQ 怎么办？相信很多新手小白对此束手无策，通过这篇文章的总结，希望你能找到解决的方法。从浏览器唤起 QQ 进行聊天，是很多公司或者企业会用到的一种客服方式，然而很多时候，一些手机端浏览器并不支持直接跳转到 QQ，或者不支持从 App 内嵌的网页中跳转到 QQ 页面。
针对跳转唤起 QQ，QQ 推广的官方网站，只需要扫描登录需要被唤起的 QQ 号，就可以生成一段代码如下所示：
也想出现在这里？联系我们吧
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=123456789&site=qq&menu=yes" rel="noopener"><img border="0" src="http://wpa.qq.com/pa?p=2:123456789:52" src="/uploads/allimg/220423/1-220423122Q4.png"/>
这里需要提到一点，将 URL Scheme 的方案用于电脑的各种浏览器从而去唤起 QQ 是不起任何效果，因为 URL Scheme 是专门为解决 APP 之间孤立的情况而提出来的，并不适用于电脑应用，但是在电脑端可以使用 QQ 推广给出的的方案。
知道了如何解决 App 跳转到 QQ 的方法，但是很多时候我们希望有一种通用的办法可以解决上述几种情况，保证在大多数浏览器（包括电脑浏览器）只需要一套代码就可以解决问题。
我个人通过判断浏览器的 userAgent 区分手机端浏览器还是电脑端浏览器，然后为它们分别提供不同的方案：
HTML 代码
<a href="javascript:void(0)" data-qq='qq'>111111111111</a>
JavaScript 代码
window.onload = function () {
var as = document.getElementsByTagName('a');
var kefu101 = "http://wpa.qq.com/msgrd?v=3&uin=381232999&site=oicqzone.com&menu=yes";
var kefu102 = "mqqwpa://im/chat?chat_type=wpa&uin=381232999&version=1&src_type=web&web_src=oicqzone.com";
for (var i = 0, len = a.length; i < len; i++) {
if (as[i].hasAttribute('data-qq')) {
as[i].onclick = (function (i) {
return function (e) {
var kefu = e.target ? e.target.getAttribute('data-qq') : e.srcElement.getAttribute('data-qq'); if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent) ||/(Android)/i.test(navigator.userAgent)) { window.open(kefu102);
}else {window.open(kefu101);
}}})(i);
}}};
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
