hbuilder打包wap成为APP，并解决掉返回键退出问题

最新推荐文章于 2024-01-08 21:50:41 发布

杭杭爸爸

最新推荐文章于 2024-01-08 21:50:41 发布

阅读量1.1k

点赞数 1

分类专栏： WEB开发

本文链接：https://blog.csdn.net/lk419121010221/article/details/118552257

版权

mui.js 网页阻止返回 JavaScript 前端开发

关键词由CSDN通过智能技术生成

WEB开发专栏收录该内容

42 篇文章 0 订阅

订阅专栏

将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>

这样·就大功告成了！再也不会返回退出了！

杭杭爸爸

关注

1
点赞
踩
13

收藏

觉得还不错? 一键收藏
0
评论
hbuilder打包wap成为APP，并解决掉返回键退出问题

将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,initia..
复制链接

扫一扫

专栏目录