网站首页 / 站长学院 / WordPress教程
原创可商用
海量更新
不限下载
完美售后

QQ微信跳转浏览器遮罩代码引导用户浏览器打开网站

清风 2月前 WordPress教程

很多朋友在QQ微信推广时被举报导致网站被腾讯屏蔽了,或者是您的网站用户需要下载文件的时候在微信下载文件是需要跳转浏览器的,对于经常使用微信的是得心应手,而小白不知道该怎么弄!这时候就需要使用到这个代码了,代码就是一个提示页面,提示你点右上角的三个点然后引导用户使用浏览器打开!现在就教大家怎么才能弹出遮罩代码引导QQ微信跳转浏览器提示打开网页这个方法!

下面是使用教程:

改文件之前记得备份一下要改的文件

首先下载代码把代码全部复制,找到网站全局文件在第一行把代码全部粘贴进去保存即可!如果你不知道哪个是全局文件找到在根目录下的index.php这个文件在第一行把代码粘贴进去!

效果如下图

Screenshot_2020-10-14-22-13-12-362_com.tencent.mobileqq.jpg

此代码只限PHP源码使用教程很简单,把代码全部复制下来直接粘贴在你网站源码的index.php的第一行即可!

代码下载:

<?php
$conf['qqjump']=1;if(strpos($_SERVER['HTTP_USER_AGENT'], 'QQ/')||strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger')
!==false && $conf['qqjump']==1){$siteurl='http://'.$_SERVER['SERVER_NAME'].$_SERVER["REQUEST_URI"];echo '<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>使用浏览器打开</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta name="format-detection" content="telephone=no">
    <meta content="false" name="twcClient" id="twcClient">
    <meta name="aplus-touch" content="1">
    <style>
        body,html{width:100%;height:100%}
        *{margin:0;padding:0}
        body{background-color:#fff}
        #browser img{
            width:50px;
        }
        #browser{
            margin: 0px 10px;
            text-align:center;
        }
        #contens{
            font-weight: bold;
            color: #2466f4;
            margin:-285px 0px 10px;
            text-align:center;
            font-size:20px;
            margin-bottom: 125px;
        }
        .top-bar-guidance{font-size:15px;color:#fff;height:70%;line-height:1.8;padding-left:20px;padding-top:20px;
        background:url
        (https://img.alicdn.com/imgextra/i1/677863168/O1CN01wQbd6x1ZGzNatvjeA_!!677863168.png) center top/contain no-repeat}
        .top-bar-guidance .icon-safari{width:25px;height:25px;vertical-align:middle;margin:0 .2em}
        .app-download-tip{margin:0 auto;width:290px;text-align:center;font-size:15px;color:#2466f4;
        background:url
        (data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcAQMAAACak0ePAAAABlBMVEUAAAAdYfh+GakkAAAAAXRSTlMAQObYZgAAAA5JREF
        UCNdjwA8acEkAAAy4AIE4hQq/AAAAAElFTkSuQmCC) left center/auto 15px repeat-x}
         .app-download-tip .icon-sgd{width:25px;height:25px;vertical-align:middle;margin:0 .2em}
        .app-download-tip .guidance-desc{background-color:#fff;padding:0 5px}
        .app-download-btn{display:block;width:214px;height:40px;line-height:40px;margin:18px auto 0 auto;
        text-align:center;font-size:18px;color:#2466f4;border-radius:20px;border:.5px #2466f4 solid;text-decoration:none}
    </style>
</head>
<body>
<div class="top-bar-guidance">
    <p>点击右上角<img src="https://img.alicdn.com/imgextra/i2/677863168/O1CN01JSJtcC1ZGzNmZ0lsg_!!677863168.png" class="icon-safari">
    在 浏览器 打开</p>
    <p>苹果设备<img src="https://img.alicdn.com/imgextra/i4/677863168/O1CN01Op04nd1ZGzNhKpRlh_!!677863168.png" class="icon-safari">
    安卓设备<img src="https://img.alicdn.com/imgextra/i2/677863168/O1CN01bKcVa01ZGzNgnu5Pe_!!677863168.png" class="icon-safari"></p>
</div>
<a style="display: none;" href="" id="vurl" rel="noreferrer"></a>
<div id="contens">
<p><br/><br/></p>
<p>1.本站不支持 微信或QQ 内访问</p>
<p><br/></p>
<p>2.请按提示在手机 浏览器 打开</p>
</div>
<div class="app-download-tip">
    <span class="guidance-desc">'.$siteurl.'</span>
</div>
<p><br/></p>
<div class="app-download-tip">
    <span class="guidance-desc">
    点击右上角<img src="https://img.alicdn.com/imgextra/i2/677863168/O1CN01JSJtcC1ZGzNmZ0lsg_!!677863168.png" class="icon-sgd">
     or 复制上面网址自行打开</span>
</div>
<body>

</head> 

</html>';exit; } ?>


下一篇:

上一篇:

大牛,别默默的看了,快来点评一下吧! : )
您必须登录后才能发表评论哦! : )
站内登录 QQ登录 微博登录
  • 暂时还没有评论! : )

Hi, 如果你对这款模板有疑问,可以跟我联系哦!

联系作者
现在加入百淘吧资源网,注册一个账号
  • 百淘吧资源网拥有海量网站模板及源码,站长亲测干净无后门。

  • 注册即能下载免费模板栏目资源,帮您更快的完成网站建设。

  • 每日更新模板资源,每日精品推荐,及时获取最新模板资源流行去向。

  • 完美的售后服务,帮助草根站长、企业等成功建站。

  • 将您最爱的资源收藏,建立自己的资源库,并与朋友分享。