专注分享免费资源

【js特效代码】怎么让你的网站在QQ微信打开的时候提示用浏览器打开代码

昊天 js网页特效代码 845

怎么让你的网站在QQ微信打开的时候提示用浏览器打开代码

现在很多业务网站都加了微信QQ打开提示用浏览器打开,怕域名让封了,事实上逻辑很简单,在网站中加一个监控代码,监控是用微信QQ打开的网站还是用浏览器打开的网站,如下图

700129500364542638.jpg

下面开始说代码,看仔细了,对小白来说可能有点小难,不会的可以联系昊天有偿部署到你的网站

1,先添加判断代码,判断是微信QQ打开的网站,代码如下[hide]

<?php
$conf['qqjump']=1;
  if(strpos($_SERVER['HTTP_USER_AGENT'], 'QQ/')||strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger')!==false && $conf['qqjump']==1){
	$siteurl='https://'.$_SERVER['SERVER_NAME'].':'.$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
	echo '代码区域';
  exit; 
} 
?>

方案1

把以下代码放到你网站的首页文件index中

<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>在浏览器打开</title>
<style type="text/css">    
* {margin:0;padding:0;}
a {text-decoration:none;}
img {max-width:100%;height:auto;}
.weixin-tip {display:none;position:fixed;left:0;top:0;bottom:0;background:rgba(0,0,0,0.8);filter:alpha(opacity=80);height:100%;width:100%;z-index:100;}
.weixin-tip p {text-align:center;margin-top:10%;padding:0 5%;}
</style>
</head>
<body>
<div class="weixin-tip">
<p><img src="//ae01.alicdn.com/kf/Hb05e015ac5c64958bb6bb387972b6d38z.png" alt="在浏览器打开" /></p>
</div>
<script type="text/javascript">
    $(window).on("load",function(){
        var winHeight = $(window).height();
        function is_weixin() {
            var ua = navigator.userAgent.toLowerCase();
            if (ua.match(/MicroMessenger/i) == "micromessenger") {
                return true;
            } else {
                return false;
            }
        }
        var isWeixin = is_weixin();
        if(isWeixin){
            $(".weixin-tip").css("height",winHeight);
            $(".weixin-tip").show();
        }
    })
</script>
</body>
</html>

方案2

把以下代码放到网站的全局文件中

<html>
<head>
<meta 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}
#contens {font-weight:bold;margin:-285px 0px 10px;text-align:center;font-size:18px;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(//gw.alicdn.com/tfs/TB1eSZaNFXXXXb.XXXXXXXXXXXX-750-234.png) center top/contain no-repeat}
.top-bar-guidance .icon-safari {width:25px;height:25px;vertical-align:middle;margin:0 .2em}
</style>
</head>
<body>
<div class="top-bar-guidance">
<p>点击右上角<img src="//gw.alicdn.com/tfs/TB1xwiUNpXXXXaIXXXXXXXXXXXX-55-55.png" class="icon-safari"> <span id="openm">Safari打开</span></p>
<p>可以继续浏览本站哦~</p>
</div>
<div id="contens">
检测到您正在使用应用内置浏览器<br />
请切换到手机浏览器浏览-昊天博客!<br />
&#26122;&#22825;&#21338;&#23458;&#119;&#119;&#119;&#46;&#104;&#116;&#98;&#111;&#107;&#101;&#46;&#99;&#111;&#109;<br/>
</div>
</html>

方案3

<html>
<head>
<meta charset="UTF-8">
<title>请使用浏览器打开</title>
<meta http-equiv="refresh" content="0; url="https://c.pc.qq.com/middlem.html?pfurl=http://www.htboke.com/">
</head>
<body>
</body>
</html>

[/hide]

标签: 暂无标签

免责声明

本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!

资源分享
评论列表

未显示?请点击刷新 允许邮件通知

    断桥烟雨  14楼 发表于2年前 (2020-04-11) @回复
    [F1]  [F1]  [F1]  [F1] 顶顶顶顶
    qingning  13楼 发表于2年前 (2020-04-07) @回复
    [F1]
    renxin  12楼 发表于2年前 (2020-04-07) @回复
    来看看
    单华62游戏老号  11楼 发表于2年前 (2020-04-03) @回复
    好评!!!!!
    。。。  10楼 发表于2年前 (2020-03-22) @回复
    是的
    瑶酱  9楼 发表于2年前 (2020-03-19) @回复
    666啊
    鸭梨  8楼 发表于2年前 (2020-02-17) @回复
    666666啊
    aini5201314  7楼 发表于2年前 (2020-01-15) @回复
    666
    奕奕  6楼 发表于2年前 (2020-01-15) @回复
    康康
    438434454  5楼 发表于2年前 (2019-12-24) @回复
    驱动桥打威群岛