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喔!!!

这篇文章希望对您有帮助

本站资源除特别声明外,转载文章请声明文章出处
东泰博客 » Mui如何做内部浏览器

发表评论