服务器大本营

 找回密码
 我要入营

微信扫码 , 快速开始

QQ登录

只需一步,快速开始

查看: 1133|回复: 0

PC、手机端点击网站图片,文字弹出QQ添加好友申请框的代码实例分享

[复制链接]

3万

敬重

674

主题

207

精华

管理员

积分
7787

启航之章进阶之印里程之碑突破之证飞跃之星蜕变之勋卓越之路龙年行大运

QQ
发表于 2024-3-20 21:26:23 | 显示全部楼层 |阅读模式

我要入营,结交更多好友,开启更多功能,轻松玩转服务器大本营!

您需要 登录 才可以下载或查看,没有账号?我要入营

x
打开QQ添加好友申请框有很多种方法,今天和你们分享的是不需要K值即可实现PC、手机端点击网站图片、文字弹出打开QQ添加好友申请框的代码,希望可以帮助到你~

1、PC端
#支持pc任意浏览器
  1. tencent://AddContact/?fromId=45&fromSubId=1&subcmd=all&uin=改成你的QQ
复制代码

2、手机端
#支持ios、andorid
  1. mqqapi://card/show_pslcard?src_type=internal&version=1&uin=改成你的QQ&card_type=person&source=sharecard
复制代码

3、嵌入html界面,利用js进行执行
  1. <html>
  2. <script language="javascript" type="text/javascript">
  3.    #适用于PC和任何手机跳转qq添加好友界面的实例
  4.     const uag = navigator.userAgent;
  5.     const ipad = uag.match(/(iPad).*OS\s([\d_]+)/),
  6.     isMqVer = !ipad && uag.match(/(iPhone\sOS)\s([\d_]+)/) || uag.match(/(Android)\s+([\d.]+)/);
  7.     if(isMqVer){
  8.         #手机端自动打开弹出 包括苹果ios、安卓等均可弹出
  9.         location.href="mqqapi://card/show_pslcard?src_type=internal&version=1&uin=改成你的QQ&card_type=person&source=sharecard";
  10.     }else{
  11.         #pc浏览器默认打开弹出
  12.         location.href="tencent://AddContact/?fromId=45&fromSubId=1&subcmd=all&uin=改成你的QQ";
  13.     }
  14. </script>
  15. </html>
复制代码

4、其它界面应用
1)自适应动态弹出添加框
思路:利用get参数获取qq,并通过上述的html界面进行执行弹出框,以php为例,如下:
  1. <html>
  2. <script language="javascript" type="text/javascript">
  3.    #适用于PC和任何手机跳转qq添加好友界面的实例
  4.     const uag = navigator.userAgent;
  5.     const ipad = uag.match(/(iPad).*OS\s([\d_]+)/),
  6.     isMqVer = !ipad && uag.match(/(iPhone\sOS)\s([\d_]+)/) || uag.match(/(Android)\s+([\d.]+)/);
  7.     if(isMqVer){
  8.         #手机端自动打开弹出 包括苹果ios、安卓等均可弹出
  9.         location.href="mqqapi://card/show_pslcard?src_type=internal&version=1&uin=<?php echo $_GET['you_qq_number'];?>&card_type=person&source=sharecard";
  10.     }else{
  11.        #pc浏览器默认打开弹出
  12.         location.href="tencent://AddContact/?fromId=45&fromSubId=1&subcmd=all&uin=<?php echo $_GET['you_qq_number'];?>";
  13.     }
  14. </script>
  15. </html>
复制代码

2)二维码扫码后弹出添加好友框
利用上述的链接,我们把url用qcorde.js插件进行生成一个二维码,并绑定这个链接。
扫码功能实现教程【附qcoder.js插件下载】:https://blog.csdn.net/hj960511/article/details/70184003

#引入我们的插件文件
  1. <script type="text/javascript" src="assets/js/qrcode.min.js"></script>
  2.                                         <div style="margin-top:10px; float: left">
  3.                                                 <div class="pull-left">
  4.                                                         <div id="qrcode" style="width: 100px;margin:0 auto"></div>
  5.                                                 </div>
  6.                                                 <div class="pull-left">
  7.                                                         <p style="margin-left: 10px">扫一扫,手机打开浏览。</p>
  8.                                                 </div>
  9.                                         </div>
  10.                                             <script type="text/javascript">
  11.                         var qrcode = new QRCode(document.getElementById("qrcode"), {
  12.                         width : 100,
  13.                         height : 100
  14.                         });
  15.                         function makeCode () {
  16.                         qrcode.makeCode("http://你所定义的qq好友弹出框添加界面地址?you_qq_number=你的qq号。");
  17.                         }
  18.                         makeCode();
  19.                         </script>
复制代码

5、其它运用方法
1)一个界面多个按钮实现添加好友
利用a便签牵引到我们上方设定的动态页面,带入qq参数
  1. <a href="/add_qq?you_qq_number=你的qq"/>
复制代码

2)弹出咨询框
需要我们先在qq的隐私设置中打开公开咨询的设置
  1. http://wpa.qq.com/msgrd?v=3&uin=你的QQ号&site=qq:你的QQ号&menu=yes
复制代码

感谢您的阅读,服务器大本营助您成为更专业的服务器管理员!
一入IDC深似海,从此你我是良人!
您需要登录后才可以回帖 登录 | 我要入营

本版积分规则

Loading...

QQ|Archiver|手机版|网站地图|服务器大本营 ( 赣ICP备2021009089号 )

GMT+8, 2024-11-5 12:29 , Processed in 0.078040 second(s), 24 queries , Gzip On.

Powered by 服务器大本营

© 2021-2023 联系飞飞

快速回复 返回顶部 返回列表