JQuery/PHP

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

也想出现在这里?联系我们
创客云

手机端网站无法跳转唤起 QQ 怎么办?相信很多新手小白对此束手无策,通过这篇文章的总结,希望你能找到解决的方法。从浏览器唤起 QQ 进行聊天,是很多公司或者企业会用到的一种客服方式,然而很多时候,一些手机端浏览器并不支持直接跳转到 QQ,或者不支持从 App 内嵌的网页中跳转到 QQ 页面。

针对跳转唤起 QQ,QQ 推广的官方网站,只需要扫描登录需要被唤起的 QQ 号,就可以生成一段代码如下所示:

也想出现在这里?联系我们
创客主机
  1. <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 代码

  1. <a href="javascript:void(0)" data-qq='qq'>111111111111</a>

JavaScript 代码

  1. window.onload = function () {
  2.         var as = document.getElementsByTagName('a');
  3.         var kefu101 = "http://wpa.qq.com/msgrd?v=3&uin=381232999&site=oicqzone.com&menu=yes";
  4.         var kefu102 = "mqqwpa://im/chat?chat_type=wpa&uin=381232999&version=1&src_type=web&web_src=oicqzone.com";
  5.         for (var i = 0, len = a.length; i < len; i++) {
  6.                 if (as[i].hasAttribute('data-qq')) {
  7.                         as[i].onclick = (function (i) {
  8.                                 return function (e) {
  9.                                 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);
  10.                                         }
  11.                                         else {window.open(kefu101);
  12.                                         }
  13.                                 }
  14.                         })(i);
  15.                 }
  16.         }
  17. };
资源下载此资源下载价格为5立即购买,VIP 免费

收藏
(0)

本文由 云模板 作者:PetitQ 发表,转载请注明来源!

也想出现在这里?联系我们
创客主机

发表评论

热销模板

Hub - 响应式可视化编辑企业官网WordPress汉化模板

Envato

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!

请扫码添加QQ好友后咨询!