智联创想
智联创想
  • 发布:2016-10-03 22:50
  • 更新:2018-05-04 02:01
  • 阅读:3487

如何用HB封装web页面,而且还能实现按返回键返回,而不是 提示退出

分类:HBuilder

我用HB新建了一个mui项目。在index.html里面的代码如下,封装后可以实现打开web页面,进而实现web页面的封装。
问题:在封装之后,按返回键。会提示再按一次 退出窗口。
分析:应该是HB认为在index.html里面就是一个首页的页面,不管在这个链接里点击任何web页面的目录。按返回键,都会提示再按一次退出窗口.
请指点: 在我这个情况下如何实现按返回键能返回web的上一个页面的效果, 效果方式-------就好比在手机浏览器里面打开任何一个web,按返回键返回上一页的效果.

谢谢!请高手指点.

<!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>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet"/>
<script type="text/javascript" charset="utf-8">
mui.init();
</script>
</head>
<body>
<script src="js/mui.min.js"></script>
<script type="text/javascript">

    mui.init({  
subpages:[{  
  url:'http://51xoxo.com',//子页面HTML地址,支持本地地址和网络地址  
  id:'youse',//子页面标志  
  styles:{  
    top:'0',//子页面顶部位置  
    bottom:'0',   
    width:'100%',//子页面宽度,默认为100%  
    height:'100%',//子页面高度,默认为100%   

  },  
  extras:{}//额外扩展参数 可以外部网页代码里面写上接收数据的值   
}]  

});
</script>
</body>
</html>

2016-10-03 22:50 1 条评论 负责人:无 分享
已邀请:
赵梦欢

赵梦欢 - 专注前端,乐于分享!

首先明确mui中app创建新页面可选新打开webview还是在当前webview打开新页面。你的需求应是后者,建议看看webview的back方法,如果是普通浏览器,看看history.back()。

DJ49096119

DJ49096119 - DJ

解决了吗?我也遇到跟你同样的问题了,求解答!

  • 回梦無痕

    给页面注入JS,监听返回键,重写返回逻辑

    2018-05-02 16:30

  • DJ49096119

    页面本来就有注入js/mui.min.js,如何重写返回逻辑呢?有代码吗

    2018-05-02 18:00

9***@qq.com

9***@qq.com - PHP,PYTHON,andriod,iOS啥都搞的野生程序猿

不要用a链接跳转,用webview的方法

该问题目前已经被锁定, 无法添加新回复