Android中唤醒APP

最新推荐文章于 2024-04-25 16:44:04 发布
向前看傻帽儿
最新推荐文章于 2024-04-25 16:44:04 发布
阅读量2k
点赞数
分类专栏： JavaScript 文章标签： web前端
本文链接：https://blog.csdn.net/qq_41557320/article/details/97116830
版权
JavaScript 专栏收录该内容
18 篇文章 0 订阅
订阅专栏
实例地址：唤醒APP
<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<title><{$seo_sub_title}><{if $seo_title}><{$seo_title}><{elseif $SEO.title}><{$SEO.title}><{else}><{$CONFIG.site.title}><{/if}></title>
	<meta name="keywords" content="<{if $seo_keywords}><{$seo_keywords}><{elseif $SEO.keywords}><{$SEO.keywords}><{/if}>" />
	<meta name="description" content="<{if $seo_description}><{$seo_description}><{elseif $SEO.description}><{$SEO.description}><{/if}>" />
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<!--公用css -->
	<link rel="stylesheet" type="text/css" href="/themes/template_3_1/mobile/activity/sem/css/sem20190717.swiper.css" />
	<link rel="stylesheet" href="<{$pager.file}>/mobile/v5.0/Public/css/base.css?v=20190108"/>
	<link rel="stylesheet" href="/themes/template_3_1/mobile/v5.0/Public/css/base.css">

	<!-- <{foreach $page_css as $v}>
	<link rel="stylesheet" href="<{$pager.file}>/mobile/v5.0/Public/<{$v}>.css?v=20190108" type="text/css">
	<{/foreach}>
	<{foreach $self_css as $v}>
	<link rel="stylesheet" href="%THEME%/mobile/v5.0/<{$v}>.css?v=20190108" type="text/css">
	<{/foreach}> -->
	<link rel="stylesheet" href="/themes/template_3_1/mobile/v5.0/Public/app_ty/css/downloadUrl.css">
	<script>
		/*移动端适应大小*/
        (function(doc, win) {
            var docEl = doc.documentElement,
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                recalc = function() {
                    var clientWidth = docEl.clientWidth;
                    if (!clientWidth) return;
                    clientWidth = (clientWidth > 768) ? 768 : clientWidth;
                    docEl.style.fontSize = 10 * (clientWidth / 280) + 'px';
                };
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            recalc();
        })(document, window);
	</script>

    <!--growingio统计-->
    <script type='text/javascript'>
        !function (e, t, n, g, i) {
        e[i] = e[i] || function () {
            (e[i].q = e[i].q || []).push(arguments)
        }, n = t.createElement("script"),
            tag = t.getElementsByTagName("script")[0],
            n.async = 1,
            n.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + g, tag.parentNode.insertBefore(n, tag)
    }(window, document, "script", "assets.growingio.com/2.1/gio.js", "gio");
    gio('init', '8b1af996ec178599');
    gio('send');
    </script>
</head>
<body>
	<div class="swiper">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><img src="https://files.mijwed.com/activity/sem/newDownLoad/01.png" alt=""></div>
				<div class="swiper-slide"><img src="https://files.mijwed.com/activity/sem/newDownLoad/02.png" alt=""></div>
				<div class="swiper-slide"><img src="https://files.mijwed.com/activity/sem/newDownLoad/03.png" alt=""></div>
				<div class="swiper-slide"><img src="https://files.mijwed.com/activity/sem/newDownLoad/04.png" alt=""></div>
				<div class="swiper-slide"><img src="https://files.mijwed.com/activity/sem/newDownLoad/05.png" alt=""></div>
			</div>
			<div class="swiper-pagination"></div>
		</div>
	</div>
	<div class="newad">
		<img src="https://files.mijwed.com/activity/sem/newDownLoad/center.jpg" alt="">
	</div>
	<div class="app_down">
		<img src="https://files.mijwed.com/activity/sem/newDownLoad/downbtn.png" alt="">
		<a href="https://www.mijwed.com/app/<{$qudao}>.apk" class="android"></a>
		<a href="https://apps.apple.com/cn/app/id1472550802" class="ios"></a>
	</div>

<script src="<{$pager.file}>/mobile/v5.0/Public/js/jquery.min.js?v=20180328"></script>
<script src="<{$pager.file}>/mobile/v5.0/Public/js/jquery.lazyload.min.js?v=20180328"></script>
<script src="https://files.mijwed.com/activity/swiper4x/swiper.min.js"></script>
<script src="<{$pager.file}>/mobile/v5.0/Public/js/public.js?v=20180328"></script>

<script>
//轮播图
var mySwiper = new Swiper ('.swiper-container', {
	loop: true, 
	pagination: {
	el: '.swiper-pagination',
	},
	autoplay: {
		delay: 1500,
		disableOnInteraction: false
	}
}); 
</script>
<div class="weixin_pop_up">
	<div class="curse img100"><img src="/themes/template_3_1/mobile/v5.0/app_ty/images/weixinPrompt.png" alt=""></div>
</div>
<script type="text/javascript">
$(function(){
	//新增唤起app
    var ua = navigator.userAgent.toLowerCase();
    var t;
    //config 配置文件 JS 传递 scheme  客户端进行匹配
    //scheme_Adr 安卓端必要参数
    //download_url_Adr 下载地址  timeout 过期时间
    var config = {
    //scheme:必须
        scheme_Adr: 'mijwed://welcome/open',
		download_url_Adr: 'https://m.mijwed.com/v5/index-downloadUrl',
		timeout: 600
	};
	$(".app_down").on('click', function () {
		//首先判断是否是IOS，然后判断是否为微信，然后判断是否为Android
		if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
			window.location.href = $(".ios").eq(0).attr("href");
		}else if(ua.indexOf("micromessenger") > 0 || navigator.userAgent.toLowerCase().indexOf(' qq/') > -1) {
			weixinGuide();
		}else {
			var startTime = Date.now();
			// 用户点击时，在动态创建一个iframe，并且让这个iframe去加载config中的Schema
			var ifr = document.createElement('iframe');
			ifr.src = config.scheme_Adr;
			ifr.style.display = 'none';
			document.body.appendChild(ifr);
			var t = setTimeout(function() {
			    var endTime = Date.now();
			    //指定的时间内没有跳转成功 当前页跳转到apk的下载地址
			    if (!startTime || endTime - startTime < config.timeout + 200) {
					appDown();
			    }
			}, 600);
			window.onblur = function() {
				window.clearTimeout(t);
			};
		}
	});

	//如果在微信打开则直接弹出提示(在浏览器打开)
	isWx();
	
	var ua = navigator.userAgent.toLowerCase();

	$("#down_img").hide();
	$("body").css('padding-bottom','0rem');
	//在微信中提示前往浏览器打开此下载页面--弹框
	function weixinGuide() {
		$('.weixin_pop_up').fadeIn(300);
	}
	$('.weixin_pop_up').click(function () {
		$(this).fadeOut(300);
	});

	// 判断是否为微信
	function isWx() {
		if (/(Android)/i.test(navigator.userAgent)){
			if (ua.indexOf("micromessenger") > 0 || navigator.userAgent.toLowerCase().indexOf(' qq/') > -1) {
				weixinGuide();
			}
		}
	}
	//点击了下载按钮后判断是安卓还是IOS，下载不同的文件
	function appDown(){
		if (/(Android)/i.test(navigator.userAgent)){
			if (ua.indexOf("micromessenger") > 0 || navigator.userAgent.toLowerCase().indexOf(' qq/') > -1) {
				weixinGuide();
				return false;
			}
			window.location.href = $(".android").eq(0).attr("href");
		}
		if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
			window.location.href = $(".ios").eq(0).attr("href");
		}
	}
});
</script>
<{if strpos($request.url,'mijwed.com')==false}>
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?f11acb5cc17639b5f9e50618eb30f210";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<{else}>
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b9fd83ea75b41a48d33ccf5894ae85c8";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<{/if}>
<!-- 百度统计 -->
<{if $notApp==ture}>
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b9fd83ea75b41a48d33ccf5894ae85c8";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<{/if}>
</body>
</html>
向前看傻帽儿
关注
0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Android中唤醒APP

实例地址：添加链接描述<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title><{$seo_sub_title}><{if $seo_title}><{$seo_title}><{elseif $SEO.ti...
复制链接

扫一扫