使用WebView中的JavaScript调用Android方法

为了让WebView中的JavaScript脚本调用Android方法,WebView提供了一个WebSettings工具类.该工具类提供了大量的方法来管理WebView的选项设置,其中它的 setJavaScriptEnabled (boolean flag)即可让WebView中的JavaScript脚本调用Android方法. 除此之外,为了把Android对象暴露给WebView中的JavaScript代码,WebView提供了 addJavascriptInterface(Object object, String name) 方法.该方法负责把Object 对象暴露成 JavaScript中的name对象.

在WebView的JavaScript中调用Android方法只要如下三个步骤:

` 1. 调用 WebView关联的WebSettings的 setJavaScriptEnabled (true)启用JavaScript调用功能.

2. 调用 WebView 的addJavascriptInterface(Object object, String name) 方法将把Object 对象暴露成 JavaScript中的name对象.

3. 在JavaScript脚本中通过暴露的name对象调用Android方法.

`

package com.net.webview;

import android.app.AlertDialog;
import android.content.Context;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.widget.Toast;

/**
* 该示例示范在 JavaScript 中调用Android 方法.
*/
public class JsCallAndroidActivity extends AppCompatActivity {
WebView myWebview;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_js_call_android);

myWebview = (WebView) findViewById(R.id.my_webview);

//此处直接使用 file协议加载本地assets目录下的 HTML文件
myWebview.loadUrl("file:///android_asset/test.html");

//获取WebView的设置对象 webSetting
WebSettings webSettings = myWebview.getSettings();

//开启 JavaScript
webSettings.setJavaScriptEnabled(true);

//将 MyObject 对象暴露给 JavaScript 脚本.
//这样 test.html页面中的 JavaScript 可以通过 myObj 来调用 MyObject 的方法.

myWebview.addJavascriptInterface(new MyObject(this),"myObj");
}

private class MyObject {
Context mContext;
public MyObject(Context c) {
mContext = c;
}

//该方法将会暴露给 JavaScript脚本使用
public void showToast(String name) {
Toast.makeText(mContext, name + " ,您好!", Toast.LENGTH_SHORT).show();
}

//该方法将会暴露给 JavaScript脚本使用
public void showList() {
//显示一个普通的列表对话框
new AlertDialog.Builder(mContext)
.setTitle("图书列表")
.setIcon(R.mipmap.ic_launcher)
.setItems(new String[]{"Android","Java","Webview"},null)
.setPositiveButton("确定",null)
.create()
.show();
}
}
}

当用户单击页面上的按钮时,该页面上 JavaScript脚本会通过MyObject调用Android方法.用户单击第2个按钮,该页面的javaScript脚本将会通过myObj调用Android的 showList()方法.

在android 4.1.2 模拟器上 该实例正常运行.