检测是否微信环境，安装包下载

最新推荐文章于 2024-01-18 17:00:04 发布

橙-极纪元JJY.Cheng

最新推荐文章于 2024-01-18 17:00:04 发布

阅读量339

点赞数

分类专栏：微信公众号

本文链接：https://blog.csdn.net/cplvfx/article/details/103684007

版权

微信公众号专栏收录该内容

11 篇文章 2 订阅

订阅专栏


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		body,html{
			width: 100%;
			height: 100%;
			overflow: hidden;
			position: relative;
			background: #4c4c4c;
		}
		.logo_wrap{
			width: 60%;
			margin: auto;
			text-align: center;
			padding-top: 3rem;
		}
		.logo_img{
			width: 2.8rem;
			height: 2.8rem;
		margin-bottom: 0.3rem ;
			
			/*text-align: center;*/
		}
		.logo_title{
			font-size: 0.5rem;
		margin-bottom: 0.5rem ;
		color: #fff;
		}
		.logo_xian{
			width: 100%;
			height: 1px;
			background-color: #fff;
		    margin-bottom: 0.5rem ;
		}
		.logo_con{
			color: #fff;
			font-size: 0.36rem;
		}
		.logo_btn{
			display: inline-block;
			width: 98%;
			margin: auto;
			height: 1rem;
			line-height: 1rem;
			background: #333;
			color: #fff;
			font-size: 0.4rem;
			border-radius: 0.5rem;
			margin-top: 0.5rem;
			text-decoration: none;
			
		}
		.logo_tishi{
			color: #FFFFFF;
			font-size: 0.4rem;
		}
		.logo_tishik{
			position: absolute;
			right: 0.4rem;
			top: 0.8rem;
			width: 4rem;
			height: 1.5rem;
			background: #333;
			border-radius: 0.2rem;
			padding: 0.2rem;
			box-sizing: border-box;
			text-align: center;
		}
		.logo_tishikp{
			color: #FFFFFF;
			font-size: 0.36rem !important;
		}
		.logo_tishi,.logo_tishik,.logo_btn{
			display: none;
		}
		   .andriod_logo,.ios_logo{
		   	width: 0.65rem;
		    vertical-align: bottom;
		    margin-right: 0.2rem;
		    display: none;
		    }
	</style>
	<body>
		<div class="logo_wrap">
			<img src="logo.png" alt="logo" class="logo_img"/>
		    <p class="logo_title">
		    	<img src="andriod_logo.png" class="andriod_logo"/>
		    	<img src="ios_logo.png" class="ios_logo"/>劳森养发</p>
		    <p class="logo_xian xz"></p>
		    <p class="logo_con xz">1.0(Build 1)-6.6MB</p>
		    <p class="logo_con xz">更新于：2019-12-24 11.31</p>
		    <a href="./laosenyangfa_1.0.1_2_20191206172200_release_verRelease.apk" class="logo_btn xz" id="andriod">下载安装</a>
	<a  class="logo_btn xz" onclick="Ios()" id="ios">下载安装</a>
		    <p class="logo_tishi">微信/QQ内无法下载应用</p>
		</div>
		<div class="logo_tishik">
			 <p class="logo_tishikp">请点击右上角</p>
			 <p class="logo_tishikp">选择"浏览器中打开"</p>
		</div>
	</body>
	<script src="jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
	//   <a  class="logo_btn xz" onclick="Ios()" id="ios">下载安装</a>
	//  <a  href="itms-services://?action=download-manifest&url=https://lyypsc.lyypncp.cn/download/down.plist" class="logo_btn xz"   id="ios">下载安装</a>
	//适配兼容
    function setRemFontSize() {
        var remSize = window.innerWidth / 7.5;
        document.querySelector("html").style.fontSize = (remSize > 100 ? 100 : remSize) + "px";
    }
    setRemFontSize();
    window.addEventListener("resize", function () {
        setTimeout(function () {
            setRemFontSize();
        }, 200)
    });
    
    //手机兼容    
	$(function () {
    var u = navigator.userAgent, app = navigator.appVersion;
    var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
    var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    //安卓
    if (isAndroid) {
//      alert("安卓机！")
        $('#andriod').css('display','block');
        $(".andriod_logo").css('display','inline-block');
        //判断是否微信登陆
		function isWeiXin() {
		    var ua = window.navigator.userAgent.toLowerCase();
		    console.log(ua);
		    if (ua.match(/MicroMessenger/i) == 'micromessenger') {
		        return true;
		    } else {
		        return false;
		    }
		}
		if(isWeiXin()){
            //console.log(" 是来自微信内置浏览器")
            $(".xz").hide();
            $(".logo_tishi").css('display','block');
            $(".logo_tishik").css('display','block');
	    }else{
			//console.log("不是来自微信内置浏览器")
            $(".logo_tishi").hide();
            $(".logo_tishik").hide();
			$(".logo_xian").css('display','block');
			$(".logo_con").css('display','block');
			$("#andriod").css('display','block');
		}
    }
    //苹果
    if (isIOS) {
//      alert("苹果果机！")
// <a href="itms-services://?action=download-manifest&url=https://lyypsc.lyypncp.cn/down/down.plist"  class="logo_btn xz" onclick="Ios()" id="ios">下载安装</a>
        $('#ios').css('display','block');
         $(".ios_logo").css('display','inline-block');
        //判断是否微信登陆
		function isWeiXin() {
		    var ua = window.navigator.userAgent.toLowerCase();
		    console.log(ua);
		    if (ua.match(/MicroMessenger/i) == 'micromessenger') {
		        return true;
		    } else {
		        return false;
		    }
		}
		if(isWeiXin()){
            //console.log(" 是来自微信内置浏览器")
            $(".xz").hide();
            $(".logo_tishi").css('display','block');
            $(".logo_tishik").css('display','block');  
	    }else{
			//console.log("不是来自微信内置浏览器")
            $(".logo_tishi").hide();
            $(".logo_tishik").hide();
			$(".logo_xian").css('display','block');
			$(".logo_con").css('display','block');
			$("#ios").css('display','block');
			
		} 
    }
});  
function Ios(){
		
	  alert("暂无苹果安装包")
		}
	    </script>
		
		
</html>