摘要：以下是項(xiàng)目中用到的具體代碼方法返回的是對(duì)象返回的是必須將返回的對(duì)象轉(zhuǎn)成字符串微信支付寶安卓

使用js 關(guān)閉當(dāng)前頁面 , 一般想到的都是 window.close() , 但是該方法只能關(guān)閉通過 window.open() 打開的頁面

所以針對(duì)這種情況 , 只能分情況去解決 .

在微信 , 支付寶 , app 中打開外部鏈接 , 都是使用webview打開頁面的 , 所以需要app提供映射方法 .

對(duì)于微信 , 支付寶 , 我們能通過開放平臺(tái)找到對(duì)應(yīng)的方法.

微信:

window.WeixinJSBridge.call("closeWindow")

支付寶:

window.AlipayJSBridge.call("closeWebview")

對(duì)應(yīng)一般的app ,需要開發(fā)者封裝可以讓js調(diào)用的方法 . (以下就是js 和 app的交互方法)

Javascript調(diào)用Java方法

以Android的Toast的為例，下面看下如何從Javascript代碼中調(diào)用系統(tǒng)的Toast。
先定義一個(gè)AndroidToast的Java類,它有一個(gè)show的方法用來顯示Toast:

public class AndroidToast {
@JavascriptInterface
public void show(String str) {
Toast.makeText(MainActivity.this, str, Toast.LENGTH_SHORT).show();
}
}

再對(duì)WebView進(jìn)行設(shè)置，開啟JavaScipt，注冊(cè)JavascriptInterface的方法：

private void initView() {
webView = (WebView) findViewById(R.id.webView);

WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);
webSettings.setDefaultTextEncodingName("UTF-8");
webView.addJavascriptInterface(new AndroidToast(), "AndroidToast");
webView.loadUrl("file:///android_asset/index.html");
}

addJavascriptInterface的作用是把AndroidToast類映射為Javascript中的AndroidToast。這樣就可以在JavaScript中調(diào)用Java中的方法了。
在Javascript中調(diào)用Java代碼:

function toastClick(){
window.AndroidToast.show("from js");
}

通過window屬性可以找到映射的對(duì)象AndroidToast,直接調(diào)用它的show方法即可。
注意這里傳輸?shù)臄?shù)據(jù)只能是基本數(shù)據(jù)類型和string,可以傳輸string就意味著可以使用json傳輸結(jié)構(gòu)化數(shù)據(jù)。
這里調(diào)用的方法并沒有返回值，如果需要在JavaScript中需要得到返回值怎么辦呢？JavaScript調(diào)用Java有返回值
如果想從Javascript調(diào)的方法里面獲取到返回值，只需要定義一個(gè)帶返回值的@JavascriptInterface方法即可:

public class AndroidMessage {
@JavascriptInterface
public String getMsg() {
return "form java";
}
}

添加Javascript的映射:
webView.addJavascriptInterface(new AndroidMessage(), "AndroidMessage");
在JavaScript直接調(diào)用：

function showAlert(){
var str=window.AndroidMessage.getMsg();
console.log(str);
}

這樣就完成了有返回值的方法調(diào)用。還有一種場(chǎng)景是，在Java中主動(dòng)觸發(fā)JavaScript方法，就需要在Java中調(diào)用JavaScript方法了。Java調(diào)用JavaScript方法

Java在調(diào)用JavaScript方法的時(shí)候，需要使用WebView.loadUrl()方法，它可以直接在頁面里執(zhí)行JavaScript方法。
首先定義一個(gè)JavaScript方法給Java調(diào)用：

function callFromJava(str){
console.log(str);
}

在Java中直接調(diào)用該方法:

public void javaCallJS(){
webView.loadUrl("javascript:callFromJava("call from java")");
}

可以在loadUrl中給Javascript方法直接傳參，如果JavaScript方法有返回值，使用WebView.loadUrl()是無法獲取到返回值的，需要JavaScript返回值給Java的話，可以定義一個(gè)Java方法提供給JavaScript調(diào)用，然后Java調(diào)用JavaScript之后，JavaScript觸發(fā)該方法把返回值再傳遞給Java。
注意WebView.loadUrl()必須在Ui線程中運(yùn)行，不然會(huì)會(huì)報(bào)錯(cuò)。

以下是項(xiàng)目中用到的具體代碼:

var isLppzApp = false
var ua = navigator.userAgent.toLowerCase()
var uaApp = ua ? ua.match(/BeStore/i) : "" // match方法返回的是對(duì)象
var uaAndroid = /android/i.test(ua) // test返回的是true/false
var uaIos = /iphone|ipad|ipod/i.test(ua)
if (uaApp.toString() === "bestore") { // 必須將match返回的對(duì)象轉(zhuǎn)成字符串
isLppzApp = true
} else {
isLppzApp = false
}
if (window.WeixinJSBridge) {
window.WeixinJSBridge.call("closeWindow") // 微信
} else if (window.AlipayJSBridge) {
window.AlipayJSBridge.call("closeWebview") // 支付寶
} else if (isLppzApp && uaAndroid) {
window.obj.closePageLppzRequest("") // 安卓app
} else if (isLppzApp && uaIos) {
window.webkit.messageHandlers.closePageLppzRequest.postMessage("") //ios app
}