请选择 进入手机版 | 继续访问电脑版
seo_网站建设_网站模板_网页源码_网站源码-千欧中软
查看: 673|回复: 0

网页qq代码,qq完美方案,苹果手机点击跳过appstore直接打开qq

[复制链接]

201

主题

223

帖子

258

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
258
发表于 2017-6-22 15:41:34 | 显示全部楼层 |阅读模式
如果用qq官方普通的链接方式,android手机点击是可以直接打开qq聊天对话窗口的。
但是如果是苹果手机点击,那么就会先跳转到appstore,然后才能打开qq。
以下方法,可以完美解决这个问题
  1. window.onload = function () {

  2.     var as = document.getElementsByTagName('a');
  3.    
  4.     var kefu101 = "http://wpa.qq.com/msgrd?v=3&uin=8463619&&site=oicqzone.com&menu=yes";
  5.     var kefu102 = "mqqwpa://im/chat?chat_type=wpa&uin=8463619&&version=1&src_type=web&web_src=oicqzone.com";
  6.    
  7.     var kefu103 = "http://wpa.qq.com/msgrd?v=3&uin=8453793&&site=oicqzone.com&menu=yes";
  8.     var kefu104 = "mqqwpa://im/chat?chat_type=wpa&uin=8453793&&version=1&src_type=web&web_src=oicqzone.com";
  9.    
  10.     var kefu105 = "http://wpa.qq.com/msgrd?v=3&uin=5766416&&site=oicqzone.com&menu=yes";
  11.     var kefu106 = "mqqwpa://im/chat?chat_type=wpa&uin=5766416&&version=1&src_type=web&web_src=oicqzone.com";

  12.     for (var i = 0, len = as.length; i < len; i++) {
  13.         if (as[i].hasAttribute('data-qq1')) {
  14.             as[i].onclick = (function (i) {
  15.                 return function (e) {
  16.                     var kefu = e.target ? e.target.getAttribute('data-qq1') : e.srcElement.getAttribute('data-qq1');
  17.                     if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent) || /(Android)/i.test(navigator.userAgent)) {
  18.                         window.open(kefu102);
  19.                     }else {
  20.                             window.open(kefu101);
  21.                     }
  22.                 }
  23.             })(i);
  24.         }
  25.         if (as[i].hasAttribute('data-qq2')) {
  26.             as[i].onclick = (function (i) {
  27.                 return function (e) {
  28.                     var kefu = e.target ? e.target.getAttribute('data-qq2') : e.srcElement.getAttribute('data-qq2');
  29.                     if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent) || /(Android)/i.test(navigator.userAgent)) {
  30.                         window.open(kefu104);
  31.                     }else {
  32.                             window.open(kefu103);
  33.                     }
  34.                 }
  35.             })(i);
  36.         }
  37.         if (as[i].hasAttribute('data-qq3')) {
  38.             as[i].onclick = (function (i) {
  39.                 return function (e) {
  40.                     var kefu = e.target ? e.target.getAttribute('data-qq3') : e.srcElement.getAttribute('data-qq3');
  41.                     if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent) || /(Android)/i.test(navigator.userAgent)) {
  42.                         window.open(kefu106);
  43.                     }else {
  44.                             window.open(kefu105);
  45.                     }
  46.                 }
  47.             })(i);
  48.         }
  49.     }
  50. };
复制代码

上面代码,大家可以根据自己的需求删减或者增加多个qq
下面贴出html中的代码
  1. <div class="qq">
  2.                                         <a href="javascript:void(0)" data-qq1='qq'></a>
  3.                                         <a href="javascript:void(0)" data-qq2='qq'></a>
  4.                                         <a href="javascript:void(0)" data-qq3='qq'></a>
  5.                                 </div>
复制代码



回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

2010-2015 千欧中软 版权所有
快速回复 返回顶部 返回列表