详细问题描述
[内容]
升级到最新版8.1.0 无法获取title了 以前得版本很正常,安卓上得基座无法获取,夜神模拟器得基座很正常 ,云打包出来得也无法获取。 顶部图标也无法变换了
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="HandheldFriendly" content="true" />
<meta name="MobileOptimized" content="320" />
<title id="appname">欢折购</title>
<link rel="stylesheet" href="../css/mui.min.css">
<link rel="stylesheet" href="../css/iconfont.css">
<style type="text/css">
header .mui-icon,
.mui-title {
color: #fff;
}
.mui-bar-nav {
background: #F8285C;
}
</style>
</head>
<body>
<header id="header" class="mui-bar mui-bar-nav">
<a id="shouye" class="mui-icon mui-pull-left iconfont icon-caidan"></a>
<a id="erweima" class="mui-icon mui-pull-right iconfont icon-erweima"></a>
<h1 id="title" class="mui-title">欢折购</h1>
</header>
<nav class="mui-bar mui-bar-tab">
<a class="mui-tab-item mui-active" id="yihref" href="https://m.hlgo.cc/">
<span class="mui-icon iconfont icon-shouye"></span>
<span class="mui-tab-label" id="yiname">首页</span>
</a>
<a class="mui-tab-item" id="erhref" href="https://m.hlgo.cc/index.php?m=jiu&a=index">
<span class="mui-icon iconfont icon-9" style="font-size: 27px;margin-top: -2px;"></span>
<span class="mui-tab-label" id="ername">9.9包邮</span>
</a>
<a class="mui-tab-item" id="sanhref" href="https://m.hlgo.cc/index.php?m=shijiu&a=index">
<span class="mui-icon iconfont icon-icon-test" style="font-size: 30px;margin-top: -2px;"></span>
<span class="mui-tab-label" id="sanname">19.9包邮</span>
</a>
<a class="mui-tab-item" id="sihref" href="https://m.hlgo.cc/index.php?m=q&a=index">
<span class="mui-icon iconfont icon-youhuiquan1"></span>
<span class="mui-tab-label" id="siname">查优惠券</span>
</a>
<a class="mui-tab-item" id="wuhref" href="https://m.hlgo.cc/index.php?m=user&a=index">
<span class="mui-icon iconfont icon-huiyuan1"></span>
<span class="mui-tab-label" id="wuname">会员中心</span>
</a>
</nav>
<script src="../js/mui.min.js"></script>
<script src="../js/guide.js"></script>
<script src="../js/update.js"></script>
<script src="../js/immersed.js"></script>
<script src="../js/loading.js"></script>
<script src="../js/fenxiang.js"></script>
<script type="text/javascript" charset="utf-8">
//首页显示的网址,获取的是第一个选项卡的href内容
var homeurl = document.querySelector('nav .mui-tab-item').getAttribute('href');
var shouye = document.getElementById('shouye'); //左按钮
var erweima = document.getElementById('erweima'); //右按钮
var title = document.getElementById("title"); //标题
var mainwebview = null;
var subwebview = null;
mui.plusReady(function() {
mainwebview = plus.webview.currentWebview();
//-----------------------------------------
//左上角按钮事件--------------------------------
//-----------------------------------------
shouye.addEventListener('tap', function(e) {
if(document.querySelector('.icon-caidan')) {
if(showMenu) {
closeMenu();
} else {
openMenu();
}
}
});
//-----------------------------------------
//右上角按钮事件--------------------------------
//-----------------------------------------
erweima.addEventListener('tap', function() {
if(document.querySelector('.icon-erweima')) {
mui.openWindow({
url: 'erweima.html',
id: 'erweima',
styles: {
top: '0', //新页面顶部位置
bottom: '0', //新页面底部位置
zindex: 199999
},
waiting: {
autoShow: true, //自动显示等待框,默认为true
title: '加载中...', //等待对话框上显示的提示内容
}
});
}
});
//-----------------------------------------
//选项卡切换事件--------------------------------
//-----------------------------------------
mui('.mui-bar-tab').on('tap', 'a', function(e) {
var targetTab = this.getAttribute('href');
subwebview = mainwebview.children()[0];
subwebview.loadURL(targetTab);
});
//返回方法-----------------------------------------------
var first = null;
mui.back = function() {
var navfor = 0;
var tabitem = document.querySelectorAll('nav .mui-tab-item');
if(tabitem) {
for(var i = 0; i < tabitem.length; i++) {
if(tabitem[i].getAttribute('href') === subwebview.getURL()) {
navfor = 1;
break;
}
}
if(navfor == 1) {
//这里是每个选项卡的第一个页面。
if(!first) {
first = new Date().getTime();
subwebview = mainwebview.children()[0];
if(subwebview.getURL() == homeurl) {
//如果是首页就一键退出
exit()
}
//1秒后重置first
setTimeout(function() {
first = null;
}, 1000);
} else {
if(new Date().getTime() - first < 1000) {
exit()
}
}
} else {
//这里是选项卡的其他页面
if(!first) {
//按一下是后退
first = new Date().getTime();
subwebview.back();
setTimeout(function() {
first = null;
}, 1000);
} else {
//两下就触发退出
if(new Date().getTime() - first < 1000) {
exit()
}
first = null;
}
navfor = 0;
}
}
};
function exit() {
var btnArray = ['残忍离开', '继续逛逛'];
mui.confirm('亲,您真的要离开欢折购吗?', '提示', btnArray, function(e) {
if(e.index == 0) {
plus.runtime.quit();
}
})
}
//侧滑菜单部分-----------------------------------------
var menu = null;
var showMenu = false;
plus.screen.lockOrientation("portrait-primary"); //仅支持竖屏显示
if(mainwebview) mainwebview.addEventListener('maskClick', closeMenu);
setTimeout(function() { //处理侧滑导航,为了避免和子页面初始化等竞争资源,延迟加载侧滑页面;
menu = mui.preload({
id: 'index-menu',
url: 'index-menu.html',
styles: {
left: 0,
width: '70%',
zindex: -1,
},
show: {
aniShow: 'none'
}
});
}, 200);
var isInTransition = false;
/**
* 显示侧滑菜单
*/
function openMenu() {
if(isInTransition) {
return;
}
if(!showMenu) {
//侧滑菜单处于隐藏状态,则立即显示出来;
isInTransition = true;
menu.setStyle({
mask: 'rgba(0,0,0,0)'
}); //menu设置透明遮罩防止点击
menu.show('none', 0, function() {
//主窗体开始侧滑并显示遮罩
mainwebview.setStyle({
mask: 'rgba(0,0,0,0.4)',
left: '70%',
transition: {
duration: 150
}
});
mui.later(function() {
isInTransition = false;
menu.setStyle({
mask: "none"
}); //移除menu的mask
}, 160);
showMenu = true;
});
}
};
/**
* 关闭菜单
*/
function closeMenu() {
if(isInTransition) {
return;
}
if(showMenu) {
isInTransition = true; //关闭遮罩;主窗体开始侧滑;
mainwebview.setStyle({
mask: 'none',
left: '0',
transition: {
duration: 200
}
});
showMenu = false;
//等动画结束后,隐藏菜单webview,节省资源;
mui.later(function() {
isInTransition = false;
menu.hide();
}, 300);
}
};
mui.menu = function() { //重写mui.menu方法,Android版本menu按键按下可自动打开、关闭侧滑菜单;
if(showMenu) {
closeMenu();
} else {
openMenu();
}
};
window.addEventListener("menu:close", closeMenu); //侧滑菜单触发关闭菜单命令
window.addEventListener("menu:open", openMenu);
//创建子页面------------------------------------
var topoffset = '44px';
if(plus.navigator.isImmersedStatusbar()) { // 兼容immersed状态栏模式
topoffset = (Math.round(plus.navigator.getStatusbarHeight()) + 45) + 'px';
}
subwebview = plus.webview.create(homeurl, 'subweb', {
top: topoffset,
bottom: "51px",
errorPage: '_www/page/error.html'
});
//通过此JS操作子页面
subwebview.setJsFile("_www/js/fenxiang.js");
//添加到主页面
mainwebview.append(subwebview);
//调用网页分享
subwebview.addEventListener("loaded", function() {
var teststring = "mui.fire(plus.webview.getLaunchWebview(),'sha',null)";
subwebview.evalJS("document.getElementById('sha').addEventListener('tap',function () {" + teststring + "})");
})
//更改header
subwebview.addEventListener("titleUpdate", onBrowsertitle, false);
//下拉刷新
subwebview.setPullToRefresh({
support: true,
height: "50px",
range: "200px",
contentdown: {
caption: "下拉可以刷新"
},
contentover: {
caption: "松手立即刷新"
},
contentrefresh: {
caption: "正在刷新..."
}
}, function() {
subwebview.reload();
setTimeout(function() {
subwebview.endPullToRefresh();
}, 2000);
});
//替换图标及标题-----------------------------------------
function onBrowsertitle() {
subwebview = mainwebview.children()[0];
title.innerHTML = subwebview.getTitle().replace("-欢折购", '');
var secondURL = subwebview.getURL();
//console.log(secondURL + " " + homeurl);
if(secondURL == homeurl) {
removeClass(shouye, 'icon-fanhui1 mui-action-back')
addClass(shouye, 'icon-caidan')
removeClass(erweima, 'icon-group')
addClass(erweima, 'icon-erweima')
} else {
removeClass(shouye, 'icon-caidan')
addClass(shouye, 'icon-fanhui1 mui-action-back')
removeClass(erweima, 'icon-erweima')
addClass(erweima, 'icon-group')
}
}
function hasClass(obj, cls) {
return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
}
function addClass(obj, cls) {
if(!hasClass(obj, cls)) obj.className += "" + cls;
}
function removeClass(obj, cls) {
if(hasClass(obj, cls)) {
var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
obj.className = obj.className.replace(reg, ' ');
}
}
});
</script>
</body>
</html>
麻烦帮忙看看,是咋回事 谢谢
重现步骤
[步骤]
[结果]
[期望]
运行环境
[系统版本]
[浏览器版本]
[IDE版本]
[mui版本]
附件
[代码片段]
[安装包]
联系方式
[QQ]656019040
[电话]