使用webView中的javaScript调用Android方法

之前接触过的webView只是了解，知道Android提供了webView组件，它本身就是浏览器的实现，内核基于开源的WebKit引擎。webView和普通的ImageView组件的用法基本类似，有大量的方法来执行浏览器操作，

成都创新互联是专业的黎城网站建设公司，黎城接单;提供成都网站设计、成都做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行黎城网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

  比如 void goBack()后退  

            void goForward()  前进 

            void loadUrl(String url) 加载指定的Url对应的网页

             boolean zoomln()放大网页

等等。

另外，webView也提供了架子html代码的方法loadData(String baseUrl,String mimeType ,String encoding。。。。).

  现在因为接触到要加载html网页并且有交互，所以看了一下Android这块支持调用Android方法的webview。

   使用webView中的javaScript调用Android

   很多时候，webView加载页面是带的javaScript脚本，比如网页上有个按钮，用户点击按钮之后将会有相应，因为按钮是html页面上的，所以按钮只能激发一段javaScript脚本，这就需要javaScript脚本调用Android方法来实现响应。

  为了让webView飞javaScript调用Android方法，webView提供了一个配套的webSettings工具类，该类提供了大量的方法来管理webView的选项设置。

   WebView的javaScript中调用Android方法的步骤有三个：

   1、调用webView关联的webSettings的setJavaScriptEnabled(true)，启用javaScript调用功能

    2、调用webView的addjavasriptInterface(Object object,String name)方法将object暴露给javaScript

    3、在javaScript脚本中通过刚才暴露的name对象调用Android方法。

 

大概代码如下，不过完整代码在附件中可以下载。

 

activity

 

public class MainActivity extends Activity {

 private WebView webView;
 
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  webView = (WebView)findViewById(R.id.webview_s);
 //加载本地的assets下 的testhtml文件，也可以加载网页或者服务器上的 网页

 webView.loadUrl("file:///android_asset/test.html");
  //获取websettings对象

WebSettings webSetting = webView.getSettings();
  //启用javaScript功能

webSetting.setJavaScriptEnabled(true);
 //将MyObject对象暴露给javaScript脚本，这样test.html网页 的javaScript就可以通过myObj来调用      //  MyObject的方法；

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

}

 

 //这个类就是自定义的，

public class MyObject {
 Context mContext;
 public  MyObject (Context c){
  mContext = c;
 }
public void showToast(String name){
 Toast.makeText(mContext, name, Toast.LENGTH_SHORT).show();
}
}

 

 

test.html

  按钮的   javaScript通过muObj来调用方法

 

 

本文名称：使用webView中的javaScript调用Android方法
文章出自：http://cdiso.cn/article/picigo.html