将js下面的mui.js放进网站的目录下,页面也得引入这个js,(不是在hbuilder引入,是网站源代码引入,比如在你站点某个html里面引入这个js文件 )
将 hbuilder 里面的 index.html 写入以下内容:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<link href="css/mui.min.css" rel="stylesheet" />
</head>
<body>
<div class="mui-content">
</div>
<script src="js/mui.min.js"></script>
<script type="text/javascript" charset="utf-8">
mui.init({
subpages: [{
url: 'http://www.xxxx.cn',
id: 'aiguimi',
styles: {
top: '0px',
bottom: '0px'
}
}]
});
</script>
</body>
</html>
然后将你站点 所有前端源代码里面加入阻止返回的代码:(前提引入了mui.js 这个SDK)
<script type="text/javascript" src="/mui.min.js"></script>
<script>
// //首页返回键处理
// //处理逻辑:500毫秒内,连续两次按返回键,则退出应用;
var first = null;
var old_back = mui.back;//保存mui默认返回
mui.back = function() {
//首次按键,提示 再按一次退出应用
if (!first) {
first = new Date().getTime();//记录第一次按下回退键的时间
// mui.toast("再按一次退出应用");//给出提示
window.history.back(-1);
setTimeout(function() {//1s中后清除
first = null;
}, 500);
} else {
if (new Date().getTime() - first < 1000) {//如果两次按下的时间小于1s,
plus.runtime.quit();//那么就退出app
}
}
}
</script>
这样·就大功告成了!再也不会返回退出了!