火狐 html5 退出 白屏,Html5+ 后退按钮出现白屏(webView.back会白屏)

您好,打包装到 iPad 上去调试,A ->B 之后,第一次调用 webView.back 会显示白屏,页面切换使用的 webView.loadUrl ,代码如下:

var sub = plus.webview.create(_basePath + 'pages/canlucate/canlucate.html', 'subpage-web', {

left: '80px',

right: '0px',

top: '55px',

bottom: '0px',

popGesture: 'none',

scrollIndicator: 'none'

});

plus.webview.currentWebview().append(sub);

mui('.mui-bar ul').on('tap', 'li', function() {

var href = this.getAttribute('data-href');

if(sub.getURL() != href) {

sub.loadURL(_basePath + href);

} else {

sub.show();

}

switchMenu(href);

});

/**

* 注册页面切换事件

*/

window.addEventListener('loadUrl', function(e) {

var url = e.detail.url;

if(sub.getURL() != url) {

sub.loadURL(_basePath + url);

} else {

sub.show();

}

switchMenu(url);

});

/**

* 注册页面回退事件

*/

window.addEventListener('goBack', function(e) {

sub.canBack(function(e) {

if(e.canBack) {

sub.back();

switchMenu(sub.getURL());

}

});

});

这里是页面JS

//链接跳转

var mainWebView;

function goUrl(url,id,options){

if(url.startWith('http://') || url.startWith('https://')){

if(mui.os.plus){

plus.runtime.openURL(url);

}else{

mui.openWindow(url);

}

return;

}

if(url.indexOf('.html') == -1){ //不包含 .Html 后缀

if(url.lastIndexOf('?') != -1){//Url中包含有参数

url = url.substring(0,url.lastIndexOf('?')) + '.html'+url.substring(url.lastIndexOf('?'));

}else{ //Url 不包含参数

url += '.html';

}

}

if(!mainWebView){

mainWebView = plus.webview.currentWebview().parent();

}

mui.fire(mainWebView,'loadUrl',{url: url});

}

返回

/**

* 返回上一页

*/

function goBack(){

mui.back();

}

mui.back = function(){

if(!mainWebView){

mainWebView = plus.webview.currentWebview().parent();

}

mui.fire(mainWebView,'goBack');

}

附件是测试Demo,烦请看下,谢谢,测试流程 ,左侧导航栏 客户--》客户列表--》点击某一个客户--》点击左上角返回按钮

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值