MWebview

webview展示插件

分享功能特殊说明：

如果要使用QQ分享相关功能，请先添加mqq插件，mqq插件版本需要1.1.4+

如果要使用微信分享相关功能，请先添加mweixin插件，mweixin插件版本需要1.4.3+

如果要使用微博分享功能，请先添加mweibo插件，mweibo插件版本需要1.1.0+

API

1、打开webview

MWebview.open(params, callback,fail);

callback 结构说明

params 结构说明

• 注意事项：progressColor代替navBar字段中的barProgressColor、progressHide代替navBar字段中的barProgressHide，当前版本仍然会兼容navBar字段中的barProgressColor和barProgressHide，以后会废弃。

share 结构说明

navBar 结构说明

refresh 结构说明 1.1.1版本开始生效

shareType 说明

bindCallMethod 说明

A页面中以open方法打开B页面，B页面中h5主动触发webView.closeWebview()或者webView.closeWebview('params')从1.2.4开始，iOS因UIWebview切换成WkWebview,请调用window.webkit.messageHandlers.closeWebview.postMessage('params')去关闭iOS页面后返回A页面，A页面中指定的bindCallMethod将执行，params仅支持一个参数,多参数时需以json形式传入。 bindCallMethod方法以字符串形式传入(如：'functionName')。

iOS中请

调用示例

function callMe(result){console.log('hello world!:',result);};
var navBar = {
		"barColor":"#0f192b",
		"barButtonColor":"#4d7ed8",
		"barTitle":"hello,title",
		"barTitleColor":"#4d7ed8",
		"barPosition":0
};

var share = {
		"webpageUrl":"http://www.baidu.com",
 		"title":"标题",
 		"description":"description",
 		"thumbData":"http://wwww.xxx.yyy/aaa.jpg",
		"sortOrder":[1,2,3,4,5,6]
};

var params = {
 		"url":"http://www.baidu.com",
 		"share":share,
 		"navBar":navBar,
 		"bindCallMethod":"callMe"
};
 
var callback = {
    "onOpen": function() {
        console.log('开启webview');
    },
    "onClose": function() {
        console.log('关闭webview');
    },
    "actionRefresh": function() {
        console.log('刷新webview');
    },
};

var error = function(err) {
    console.log(err);
};

MWebview.open(params, callback, error);

2、打开webview ('1.2.4版本开始生效,iOS仅支持iOS9及以上系统')

MWebview.openWithAnimation(params, callback,fail);

params 结构说明

share 结构说明

shareType 说明

navBar 结构说明

调用示例

	function callMe(result){console.log('hello world!:',result);};
	var params = {
        "url":"http://www.baidu.com",
"imgPath":cordova.file.applicationDirectory+'test.jpg',
        "x":15,
        "y":130,
		 "width":345,
		 "height":345,
		 "bindCallMethod":"callMe"
};

var callback = {
    "onOpen": function() {
        console.log('开启webview');
    },
    "onClose": function() {
        console.log('关闭webview');
    }
};

var error = function(err) {
    console.log(err);
};

MWebview.openWithAnimation(params, callback, error);
	

3、获取支付宝h5支付的订单串 ('1.2.5版本开始生效')

MWebview.getAliPayOrderString(params, success,fail);

params 结构说明

调用示例

	var params = {
        "url":"https://openapi.alipay.com/gateway.do?app_id=2017120600414124&version=1.0&format=json&timestamp=2018-06-08+02%3A57%3A35&sign_type=RSA2&method=alipay.trade.wap.pay&notify_url=https%3A%2F%2Fapppb-test.myysq.com.cn%2Fownerappapi%2Fapi%2Falipay-call-back%3Fproj_id%3D39e12013-b22a-ec8d-9cf5-ba7311b116bc%26receipt_by%3D%26o%3Dretesting&return_url=https%3A%2F%2Fapppb-test.myysq.com.cn%2Fownerappapi%2Fbill-api%2Falipay-success%3Famount%3D0.02%26bill_id%3D39e6c792-4798-35eb-0c97-e3037b567d8c%26proj_id%3D39e12013-b22a-ec8d-9cf5-ba7311b116bc%26is_alipay%3D1%26o%3Dretesting&charset=utf-8&biz_content=%7B%22desc%22%3Anull%2C%22subject%22%3A%22%5Cu7a7a%5Cu4e2d%5Cu82b1%5Cu56ed-%5Cu4e00%5Cu671f-8%5Cu53f7%5Cu697c-1002%5Cu652f%5Cu4ed8%5Cu5e10%5Cu5355%22%2C%22out_trade_no%22%3A%2239e6f05c818b3b692b0fcd013f0d8766%22%2C%22total_amount%22%3A0.02%7D&sign=krKljOkZEgrthxmyOngYsUyb1f3l7jVrybyLWZQ6zaTjHm%2BBm67s9ArBATvxAZ4Yfgn7s0kWYZ8qWDa3XR2YnuTHCb%2BlBI%2Fws3Q2%2BLaZVfu9KVvUEhoenLMjgsQ7do9xjTEjNZwPM75XpW6JsN4AUBpt%2F9hl1n8sZn2vDOGCCuCT46hMhkdFd2vgg8dekaKeM2bd%2FxBLqWw205Dcr6hE%2F1Y6D9BMh9AnrT3srnTESbpTEXNsX4%2FSVUOnYzEj4XYktpq8gzva1MkZoKIS9dhLLM%2BhFINmSvNmGcK7jZ2TPOZ2Vr1Nx657omYnoyPFpkoKaFrkB%2F4V9i0aqleaIxdkDA%3D%3D",

};

var success = function (payUrl){
    
     MZhifubao.payWithUrl(payUrl,function(x){console.log('sucess',x)},function(x){console.log('error',x)});
};

var error = function(err) {
    console.log(err);
};

MWebview.getAliPayOrderString(params, success, error);