只需把配置的短鏈地址替換代碼中的“你的魔鏈地址”即可
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8"utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="description" id="description" content="test" />
<title></title>
<link href="#" rel="shortcut icon" id="icon" type="image/x-icon" />
<style>
html{
height:100%;
}
.mw-page {
display: none;
opacity: 0;
}
</style>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/appapi/static/styles/main.css" tppabs="https://o8ci6tgz8.qnssl.com/mlink/1.0.0/static/styles/main.css" />
<script type="text/javascript">
/*<![CDATA[*/
var recalc = function () {
var clientWidth = document.documentElement.clientWidth>480?480: document.documentElement.clientWidth;
var height=clientWidth/750*1334;
document.body.style.height=height+'px';
};
;(function (doc, win, undefined) {
resizeEvt = 'orientationchange' in win? 'orientationchange' : 'resize';
if (doc.addEventListener === undefined) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false)
})(document, window);
function onImgLoaded(elem) {
elem.style.display = 'block';
}
function onImgError(elem) {
elem.style.display = 'none';
}
/*]]>*/
</script>
</head>
<body class="official-page">
<script>
recalc()
</script>
<!--...Loading...-->
<section class="mw-page loading show">
<div class="mw-page-cont">
<div style="
position: absolute;
top: 40%;
left: 0;
width: 100%;
text-align: center;
z-index: 999;
}">
<div class="mw-page-footer" style="bottom: 20%;">
<a id="btnOpenApp" href="javascript:void(0)" class="mw-button mw-open-app">打開App</a>
</div>
</div>
</div>
</section>
<!--服務器或網絡錯誤...-->
<section class="mw-page server-error">
<div class="mw-page-cont">
<h3>服務暫時不可用</h3>
<div class="blue tips">
<p>由於網絡原因, 此服務暫時不可用</p>
</div>
</div>
<div class="mw-page-footer">
<a href="javascript:void(0);" onclick="document.location.reload()" class="mw-button">刷新試試</a>
</div>
</section>
<!--瀏覽器不支持Scheme...-->
<section class="mw-page scheme-notsupported">
<div class="mw-page-cont">
<h3>寶寶心裏苦, 瀏覽器過不去了</h3>
<div class="blue tips">
<p>若您已安裝 <span class="app-name"></span>, 請退出瀏覽器,在手機桌面上打開<span class="app-name"></span>.</p>
<p>若您沒有安裝<span class="app-name"></span>, 請點擊下面按鈕下載.</p>
</div>
</div>
<div class="mw-page-footer">
<a href="javascript:void(0);" class="mw-button">前往應用市場下載</a>
</div>
</section>
<!--倒計時-->
<section class="mw-page scheme-redirecting">
<div class="mw-page-cont table">
<div class="middle">
<div class="app-icon" style="background: none">
<img onload="onImgLoaded(this)" onerror="onImgError(this)" />
</div>
<h4 class="app-name"></h4>
<a href="javascript:void(0);" class="mw-button mw-open-app">打開App</a>
<a href="javascript:void(0);" class="mw-button2 mw-open-download">下載app</a>
</div>
</div>
</section>
<!--此短鏈不支持iOS/Android設備,請修改配置.-->
<section class="mw-page setting-error">
<div class="mw-page-cont">
<!--<div class="middle">-->
<!--<div class="app-icon">-->
<!--<img onload="onImgLoaded(this)" onerror="onImgError(this)" />-->
<!--</div>-->
<!--<h4 class="app-name"></h4>-->
<!--</div>-->
<h3></h3>
<div class="tips blue">此短鏈不支持iOS/Android設備,請在後臺完善配置.</div>
</div>
</section>
<!--通用提示.-->
<section class="mw-page mw-alert">
<div class="mw-page-cont table">
<div class="middle">
<h3></h3>
<div class="tips blue"></div>
</div>
</div>
</section>
<!--需要使用按鈕才能跳轉的頁面:如Scheme\UniversalLink.-->
<section class="mw-page redirect-with-button">
<div class="mw-page-cont table">
<div class="middle">
<div class="app-icon">
<img onload="onImgLoaded(this)" onerror="onImgError(this)" />
</div>
<h4 class="app-name"></h4>
</div>
</div>
<div class="mw-page-footer">
<a href="javascript:void(0);" class="mw-button mw-open-app">打開App</a>
</div>
</section>
<!--Universal Link Download-->
<section class="mw-page universal-link-download">
<div class="mw-page-cont table">
<div class="middle">
<div class="app-icon">
<img onload="onImgLoaded(this)" onerror="onImgError(this)" />
</div>
<h4 class="app-name"></h4>
<p>如果下拉頁面沒有反應,那可能是:</p>
<ol>
<li>您沒有安裝 <span class="app-name"></span>;</li>
<li>您設備上的 <span class="app-name"></span> 不是最新版本;</li>
</ol>
</div>
</div>
<div class="mw-page-footer">
<a href="javascript:void(0);" class="mw-button">前往應用市場下載App</a>
</div>
</section>
<!--用戶自定義內容-->
<section class="mw-page custom-content">
<div class="mw-page-cont">
<h1 class="mw-cc-title"></h1>
<figure class="mw-cc-banner">
<a href="javascript:void(0);" class="mw-open-app">
<img onload="onImgLoaded(this)" onerror="onImgError(this)" />
</a>
</figure>
<div class="content"></div>
</div>
<div class="mw-page-footer fixed">
<div class="app-info">
<div class="app-icon logo">
<img onload="onImgLoaded(this)" onerror="onImgError(this)" />
</div>
<h4 class="app-name"></h4>
</div>
<div class="btns">
<a href="javascript:void(0);" class="mw-button mw-open-app">打開APP</a>
</div>
</div>
</section>
<!--在Safari中打開.-->
<section class="mw-page openinbrowser ios default">
<div class="mw-page-cont">
<div class="tips"></div>
<div class="app-icon logo">
<img onload="onImgLoaded(this)" onerror="onImgError(this)" />
</div>
</div>
</section>
<!--在瀏覽器中打開.-->
<section class="mw-page openinbrowser android default">
<div class="mw-page-cont">
<div class="tips"></div>
<div class="app-icon logo">
<img onload="onImgLoaded(this)" onerror="onImgError(this)" />
</div>
</div>
</section>
<!--在瀏覽器中打開.應對微信,只在ios9以上微信中展示-->
<section class="mw-page openinbrowser-ios9-wechat android default">
<div class="tips" style=" height: 100%; width: 100%; background-size: cover; z-index: 1; position: fixed; lefT: 0; top: 0; background-position: center; background-repeat: no-repeat; ">
<div class="mw-page-cont table">
<div class="middle">
<div class="app-icon" style="width: 8em;height: 8em;">
<img />
</div>
<h4 class="app-name" style="font-size: 1em"></h4>
<div class="btns">
<a href="javascript:void(0);" mlink-handling="true" class="mw-button mw-open-app">立即下載</a>
</div>
</div>
</div>
</div>
</section>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://static.jmlk.co/scripts/dist/jmlink.min.js"></script>
<script>
new JMLink({
jmlink:"你的魔鏈地址",
// jmlink:"{$jm_link}",
button: document.querySelector('a#btnOpenApp'),
autoLaunchApp : true,
downloadWhenUniversalLinkFailed: true,
inapp : true,
params: {
},
});
</script>
<script>
/*<![CDATA[*/
// var _hmt = _hmt || [];
// (function() {
// var hm = document.createElement("script");
// hm.src = "../../hm.baidu.com/hm.js-7683ec131caf209fe25e561b3b0578b2"/*tpa=https://hm.baidu.com/hm.js?7683ec131caf209fe25e561b3b0578b2*/;
// var s = document.getElementsByTagName("script")[0];
// s.parentNode.insertBefore(hm, s);
// })();
// 重置微信菜單
try {
var preventDl = new Mlink.Uri(document.location.href).getParam('resetWeixinMenu');
if (preventDl) {
Mlink.loadScript(
"https://res.wx.qq.com/open/js/jweixin-1.0.0.js",
"https://o8ci6tgz8.qnssl.com/mlink/1.0.0/static/js/wx-jssdk-init.52e9791d.js"
).then(function () {
initWxJSSDK({
// signatureUrl: '',
// url: document.location.href,
checkApiSuccess: function () {
wx.showAllNonBaseMenuItem();
wx.showOptionMenu();
wx.showMenuItems({
menuList: [
'menuItem:openWithQQBrowser',
'menuItem:openWithSafari',
"menuItem:share:appMessage",
"menuItem:share:timeline",
"menuItem:share:qq",
"menuItem:share:weiboApp"
]
});
}
});
});
}
} catch (e) {
console.log(e);
}
var isAutoRedirect=true
var autoUl=false
try{
var preventDl = new Mlink.Uri(document.location.href).getParam('noautoredirect');
if(preventDl==='true'){
isAutoRedirect=false
}
}catch (err){
}
/*
* ios11 支持universal link 的直接跳轉,無彈窗,所以加此參數,如果遇到此參數且滿足ul跳轉的條件,則直接跳轉universallink
* */
try{
if(new Mlink.Uri(document.location.href).getParam('autoul')){
autoUl=true
}
}catch (err){
}
new Mlink({
mlink: document.location.href,
button: [
document.getElementById('universalLink'),
document.getElementById('universalTextLink'),
document.querySelectorAll('.mw-open-app')
],
autoRedirect: true,
isAutoRedirect:!isAutoRedirect,
autoUl:autoUl
});
/**
* 如果短鏈接中含有 mw_sd(skip detect),值爲true,則直接轉跳下載頁
*@ziko
* */
var UA = navigator.userAgent;
var Uri= new Mlink.Uri(location.href);
var isSd=Uri.getParam('mw_sd');
if(isSd){
var shorturlKey = location.pathname.replace('/','');
var mlink=new Mlink({},false);
var http;
var shorturl = 'https://' + Mlink.env.ulHost + '/su/' + shorturlKey+location.search;
var ios= UA.match(new RegExp(/iPhone OS|iPad; CPU OS/g)) || false
var android= UA.match(new RegExp(/Android/g)) || false;
mlink.loadData(true, shorturl, {doNotTracking: true}).then(function (data) {
var landingPage = data.landingPage;
var downloadUrl = ios ? data.iosDownloadUrl : data.androidDownloadUrl;
var pageUrl = '';
if (landingPage) {
var params;
params = new Mlink.Uri(location.href).getParams();
pageUrl =new Mlink.Uri(landingPage).setParams(params).toString();
}
setTimeout(function(){
Mlink.location(data.jumpType === 'LANDING_PAGE' ? pageUrl : downloadUrl)
},300)
});
}
/*]]>*/
</script>
<!-- <a style="display: none;" key ="590fd38aefbfb0435b66355b" logo_size="124x47" logo_type="business" href="http://www.anquan.org" ><script src="//static.anquan.org/static/outer/js/aq_auth.js"></script></a> -->
</body>
</html>