实例地址:唤醒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>