维
  • 发布:2019-10-22 10:36
  • 更新:2019-10-22 10:36
  • 阅读:1156

Mui内部浏览器

分类:MUI

什么是内部浏览器呢?小编在这里说一下,在mui中打开外部链接,就是内部浏览器,为什么要用内部浏览器呢?比如说在mui项目中定义个a标签跳转网址的时候,跳转后再点击返回,这时mui所做的APP就会出现闪退的情况,这时就可以用到这个内部浏览器了。

注意:此方法仅用于在APP上,不能用于浏览器上 。

内部浏览器他需要重新做一个目标文件(target.html)。

<!doctype html>  
<html>  
<head>  
<meta charset="UTF-8">  
<title>目标页面</title>  
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />  
<link href="css/mui.min.css" rel="stylesheet" />  
</head>  
<body>  
<header class="mui-bar mui-bar-nav">  
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" id="go_back">返回</a>  
    <a class="mui-icon mui-icon-forward mui-pull-right" id="go_forward"></a>  
    <h1 class="mui-title mui-action-back" id="close_page">直接关闭当前页面</h1>  
</header>  
<script src="js/mui.min.js"></script>  
<script type="text/javascript">  
    var str=window.location.search;  
    var myid=str.substring(str.indexOf('=')+1)  
    mui.init();  
    mui.plusReady(function() {  
        var self = plus.webview.currentWebview();  
        var baiduWV = plus.webview.create(myid, "baidu", {  
            top: "44px",  
            bottom: 0  
        });  
        self.append(baiduWV);  
    });  
</script>  
</body>  
</html>

目标页创建写好好以后就在需要点击的页面加一个点击事件。
//内部浏览器 放在外页加点击事件

$(".gshdfd").click(function(){  
    mui.openWindow({  
        url: "target.html?url=" + "http://dt2008.cn",  
        id: "target"  
    });  
});

小编这个是用jQuery做了一个点击事件,也可以用mui框架做点击事件,看个人习惯。

别忘记引入mui自带的css和js喔!!!

此文章原创于:http://dt2008.cn/index.php/2019/10/22/p17

0 关注 分享

要回复文章请先登录注册