admin 发表于 2024-3-20 21:26:23

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

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

1、PC端
#支持pc任意浏览器
tencent://AddContact/?fromId=45&fromSubId=1&subcmd=all&uin=改成你的QQ
2、手机端
#支持ios、andorid
mqqapi://card/show_pslcard?src_type=internal&version=1&uin=改成你的QQ&card_type=person&source=sharecard
3、嵌入html界面,利用js进行执行
<html>
<script language="javascript" type="text/javascript">
   #适用于PC和任何手机跳转qq添加好友界面的实例
    const uag = navigator.userAgent;
    const ipad = uag.match(/(iPad).*OS\s([\d_]+)/),
    isMqVer = !ipad && uag.match(/(iPhone\sOS)\s([\d_]+)/) || uag.match(/(Android)\s+([\d.]+)/);
    if(isMqVer){
      #手机端自动打开弹出 包括苹果ios、安卓等均可弹出
      location.href="mqqapi://card/show_pslcard?src_type=internal&version=1&uin=改成你的QQ&card_type=person&source=sharecard";
    }else{
      #pc浏览器默认打开弹出
      location.href="tencent://AddContact/?fromId=45&fromSubId=1&subcmd=all&uin=改成你的QQ";
    }
</script>
</html>
4、其它界面应用
1)自适应动态弹出添加框
思路:利用get参数获取qq,并通过上述的html界面进行执行弹出框,以php为例,如下:
<html>
<script language="javascript" type="text/javascript">
   #适用于PC和任何手机跳转qq添加好友界面的实例
    const uag = navigator.userAgent;
    const ipad = uag.match(/(iPad).*OS\s([\d_]+)/),
    isMqVer = !ipad && uag.match(/(iPhone\sOS)\s([\d_]+)/) || uag.match(/(Android)\s+([\d.]+)/);
    if(isMqVer){
      #手机端自动打开弹出 包括苹果ios、安卓等均可弹出
      location.href="mqqapi://card/show_pslcard?src_type=internal&version=1&uin=<?php echo $_GET['you_qq_number'];?>&card_type=person&source=sharecard";
    }else{
       #pc浏览器默认打开弹出
      location.href="tencent://AddContact/?fromId=45&fromSubId=1&subcmd=all&uin=<?php echo $_GET['you_qq_number'];?>";
    }
</script>
</html>
2)二维码扫码后弹出添加好友框
利用上述的链接,我们把url用qcorde.js插件进行生成一个二维码,并绑定这个链接。
扫码功能实现教程【附qcoder.js插件下载】:https://blog.csdn.net/hj960511/article/details/70184003

#引入我们的插件文件
<script type="text/javascript" src="assets/js/qrcode.min.js"></script>
                                        <div style="margin-top:10px; float: left">
                                                <div class="pull-left">
                                                      <div id="qrcode" style="width: 100px;margin:0 auto"></div>
                                                </div>
                                                <div class="pull-left">
                                                      <p style="margin-left: 10px">扫一扫,手机打开浏览。</p>
                                                </div>
                                        </div>
                                          <script type="text/javascript">
                        var qrcode = new QRCode(document.getElementById("qrcode"), {
                        width : 100,
                        height : 100
                        });
                        function makeCode () {
                        qrcode.makeCode("http://你所定义的qq好友弹出框添加界面地址?you_qq_number=你的qq号。");
                        }
                        makeCode();
                        </script>
5、其它运用方法
1)一个界面多个按钮实现添加好友
利用a便签牵引到我们上方设定的动态页面,带入qq参数
<a href="/add_qq?you_qq_number=你的qq"/>
2)弹出咨询框
需要我们先在qq的隐私设置中打开公开咨询的设置
http://wpa.qq.com/msgrd?v=3&uin=你的QQ号&site=qq:你的QQ号&menu=yes
感谢您的阅读,服务器大本营助您成为更专业的服务器管理员!
页: [1]
查看完整版本: PC、手机端点击网站图片,文字弹出QQ添加好友申请框的代码实例分享