主页 > 教程合集 > 工具推荐 >

手机端网站无法跳转唤起QQ的解决方法

时间:2022-04-26 阅读:0

手机端网站无法跳转唤起QQ怎么办?相信很多新手小白对此束手无策,通过这篇文章的总结,希望你能找到解决的方法。

手机端网站无法跳转唤起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"><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);
                }
        }
};
 

开通特权,即可免费下载全站所有千余TB网络资源,点击 >>> 资源目录 查看所有资源,覆盖音乐、影视、有声书、电子书、漫画、动漫、课程等,不限时间次数,永久免费,点击 >>> 特权详情 了解更多!

余斗余斗
  • 版权声明:原创文章由发表在工具推荐分类下,2022-04-26最后更新,转载注明出处。
返回顶部