在 Android 開發(fā)中涌攻,有時候需要 native 和 HTML5 頁面進(jìn)行交互逗概,有兩種方式:其一是給 WebView 添加 Javascript 回調(diào)接口姻檀,一種是攔截 WebView 的 url 從而達(dá)到交互的目的。
Enabling JavaScript
WebView 默認(rèn)是禁用 JavaScript 的耻蛇,所以要打開這項設(shè)置才能與之交互吭从,方法如下:
webView.getSettings().setJavaScriptEnabled(true);
Javascript invoke Java
假設(shè)我們現(xiàn)在要實現(xiàn)一個小功能:JavaScript 調(diào)用本地代碼關(guān)掉當(dāng)前 Activity朝蜘,怎么做呢?
WebView 設(shè)置 JavaScript 接口使用的是方法:
webView.addJavascriptInterface(Object object, String name)
第一個參數(shù)就是接口類涩金,第二個參數(shù)是將這個接口對象插入到 JavaScript 上下文中時對應(yīng)的名字谱醇,JavaScript 就是通過這個名字來調(diào)用接口中的方法的。
首先我們來定義這個接口類:
import android.app.Activity;
import android.webkit.JavascriptInterface;
import java.lang.ref.WeakReference;
/**
* Created by iamwent on 21/02/2017.
*
* @author iamwent
* @since 21/02/2017
*/
public class JSCallback {
// avoid memory leak
private final WeakReference<Activity> weak;
public JSCallback(Activity activity) {
weak = new WeakReference<>(activity);
}
@JavascriptInterface
public void finish() {
if (!weak.get().isDestroyed()) {
weak.get().finish();
}
}
}
需要注意的是步做,出于安全性考慮副渴,在 API 17 及以上,被
@JavascriptInterface
注解的方法才能被調(diào)用
然后我們在 WebView 中加載這個接口:
webView.addJavascriptInterface(new JSCallback(HomeActivity.this), "native");
在 JavaScript 中的調(diào)用就很簡單了:
window.native.finish()
window 是 JavaScript 默認(rèn)的一個全局對象辆床,native 是我們傳遞進(jìn)去的名字佳晶,你也可以改成其他的。
為了避免內(nèi)存泄漏讼载,我們可以在合適的位置(如:
onDestroy()
)調(diào)用以下方法:
webView.removeJavascriptInterface("native");
另外一種方式呢轿秧,就是 native 攔截 webview 的 url,方法如下:
```java
webView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
if (request.getUrl().getScheme().equals("native")) {
// todo
return true;
}
return super.shouldOverrideUrlLoading(view, request);
}
});
Java invoke JavaScript
native 調(diào)用 JavaScript 也有兩種方式咨堤,其一是使用 webView.loadUrl("javascript:method(params)
菇篡,method 是定義在 JavaScript 中的函數(shù)。
// 沒有返回值一喘,需要 JavaScript 再調(diào)用 native 方法
webView.loadUrl("javascript:todo()");
在 Android 4.4 及其以上版本中驱还, WebView 中提供了一個叫做 evaluateJavascript()
的方法,可以用來異步執(zhí)行 JavaScript 代碼凸克,并且這個方法需要在主線程中調(diào)用议蟆。
// 在主線程中調(diào)用,異步執(zhí)行
String script = "";
webView.evaluateJavascript(script, new ValueCallback<String>() {
@Override
public void onReceiveValue(String value) {
// todo
}
});
demo 就不寫了萎战,很簡單的啦咐容。