前端UNIAPP端webview嵌入H5使用说明文档

plus.webview.close( id_wvobj, aniClose, duration, extras );

1. auto （默认值）：自动选择关闭动画效果。
2. none：无动画效果，直接关闭。
3. slide-out-right：从右向左滑出关闭动画。
4. slide-out-left：从左向右滑出关闭动画。

 function closeWebview(){
	var ws=plus.webview.currentWebview();
	plus.webview.close(ws);
}

plus.webview.create( url, id, styles, extras );

JSON 

function create(){
	var w = plus.webview.create('http://m.weibo.cn/u/3196963860');
	w.show(); // 显示窗口
}

plus.webview.currentWebview();

var ws=plus.webview.currentWebview();
console.log( "当前Webview窗口："+ws.getURL() );

plus.webview.hide( id_wvobj, aniHide, duration, extras );

1. auto （默认值）：自动选择关闭动画效果。
2. none：无动画效果，直接关闭。
3. slide-out-right：从右向左滑出关闭动画。
4. slide-out-left：从左向右滑出关闭动画。

···

function hideWebview(){
	plus.webview.hide(plus.webview.currentWebview());
}

plus.webview.show( id_wvobj, aniShow, duration, showedCB, extras );

String

1. auto （默认值）：自动选择显示动画效果。
2. none：无动画效果，直接显示。
3. slide-in-right：从右向左滑出显示动画。
4. slide-in-left：从左向右滑出显示动画。

···

onSuccess(){ // Success code. }

onError(error){

var code = error.code; // 错误编码

var message = error.message; // 错误描述信息

}

function create(){
	var w = plus.webview.create('http://m.weibo.cn/u/3196963860');
	plus.webview.show(w); // 显示窗口
}

plus.webview.open( url, id, styles, aniShow, duration, showedCB );

String

JSON 

1. auto （默认值）：自动选择关闭动画效果。
2. none：无动画效果，直接关闭。
3. slide-in-right：从右向左滑出关闭动画。
4. slide-in-left：从左向右滑出关闭动画。

···

onSuccess(){ // Success code. }

onError(error){

var code = error.code; // 错误编码

var message = error.message; // 错误描述信息

}

function openWebview(){
	var w = plus.webview.open('http://m.weibo.cn/u/3196963860');
}

plus.webview.prefetchURL(url);

var url = 'http://m.weibo.cn/u/3196963860';

// 预载网络页面
function prefetchWebview(){
	plus.webview.prefetchURL(url);
}

// 显示预载页面
function showWebview(){
	// 预创建新窗口（显示在可视区域外）
	wn=plus.webview.create(url, 'test',{render:'always'});
	wn.show('none');
}

plus.nativeUI.showWaiting()
var ws = null,
	embed = null;
ws = this.$scope.$getAppWebview(); //plus.webview.currentWebview();在uni-app里vue页面直接使用无效，非v3编译模式使用this.$mp.page.$getAppWebview()
embed = plus.webview.create(this.url, '', {
	top: getApp().globalData.bh + 35 + "px",
	bottom: '0px'
});
ws.append(embed);

//监听webview窗口事件
embed.addEventListener('loaded', function() {
	if (embed.isVisible()) {
		plus.nativeUI.closeWaiting()
		// 页面加载完成且可见时的操作
	}
});

var ws = null,
	embed = null;
ws = this.$scope.$getAppWebview(); //plus.webview.currentWebview();在uni-app里vue页面直接使用无效，非v3编译模式使用this.$mp.page.$getAppWebview()
embed=plus.webview.create('http://m.weibo.cn/u/3196963860', '',{top:'46px',bottom:'0px'});
ws.append(embed);

// 添加Webview窗口预加载js文件
function appendJs2Webviewe(){
	var nw=plus.webview.create('http://m.weibo.cn/u/3196963860');
	nw.appendJsFile('_www/preload.js');
	nw.show();
}

// 创建Webview窗口
function createWebview(){
	// 打开新窗口
	nw=plus.webview.create('http://m.weibo.cn/u/3196963860');
	nw.show();
}
function checkWebview(){
	nw.checkRenderedContent({}, function(e){
		console.log('checkRenderedContent success: '+JSON.stringify(e));
	}, function(e){
		console.log('checkRenderedContent error: '+JSON.stringify(e));
	});
}

var wv=null;
wv = plus.webview.currentWebview();
// 拦截触屏事件 
function interceptEvent(){
	wv.interceptTouchEvent(true);
}
// 不拦截触屏事件 
function uninterceptEvent(){
	wv.interceptTouchEvent(false);
}

ws=plus.webview.currentWebview();
embed=plus.webview.create('http://m.weibo.cn/u/3196963860', '', {top:'46px',bottom:'0px'});
embed.show();

// 查询Webview窗口是否可见
function visibleWebview() {
	alert('是否可见：'+embed.isVisible());
}
// 隐藏Webview窗口
function hideWebview() {
	embed.hide();
}

var ws=null,nw=null;
ws=plus.webview.currentWebview();
// 拦截Webview窗口的资源请求
nw=plus.webview.create('http://m.weibo.cn/u/3196963860');

nw.overrideResourceRequest([{match:'http://tva3.sinaimg.cn/crop.121.80.980.980.180/be8dcc14gw1e7lz65y6g3j20uo0uoq4r.jpg',redirect:'_www/logo.png'}]);

nw.show();

可取值： "instant" - 表示立即生效，即调用overrideUrlLoading方法后立即生效；

"touchstart" - 表示用户操作Webview窗口（触发touchstart事件）后生效，如果用户没有操作Webview窗口则不对URL请求操作进行拦截处理。 默认值为"instant"。

可取值： "allow"表示满足match属性定义的条件时不拦截url继续加载，不满足match属性定义的条件时拦截url跳转并触发callback回调；

"reject"表示满足match属性定义的提交时拦截url跳转并触发callback回调，不满足match属性定义的条件时不拦截url继续加载。

默认值为"reject"。

支持正则表达式，默认值为对所有URL地址生效（相当于正则表达式“.*”）。

如果mode值为"allow"则允许区配的URL请求跳转，mode值为"reject"则拦截区配的URL请求。

不拦截处理指定类型的URL请求，直接使用系统默认处理逻辑。

可取值： "none"表示不排除任何URL请求（即拦截处理所有URL请求）；

"redirect"表示排除拦截处理301/302跳转的请求（谨慎使用，非a标签的href触发的URL请求可能会误判断为302跳转）。

默认值为"none"。

• 排除拦截处理请求类型

ws=plus.webview.currentWebview();
nw=plus.webview.create('http://m.weibo.cn/u/3196963860');
nw.show();

var regex = "^https://brain.*";
nw.overrideUrlLoading({
	mode:'allow',
 	match: regex,
}, function(e){
    console.log('reject url: '+e.url);
});