Mui如何做内部浏览器

左手的ㄟ右手 2023-05-31 10:20 45阅读 0赞

什么是内部浏览器呢？小编在这里说一下，在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喔！！！

这篇文章希望对您有帮助