我们在开发Android应用的时候，很多的时候需要跟网页打交道，假如我们现在在做一个外卖app，在app首页会有一个轮询的广告位，我们点击其中一项会跳转至一个wap网页，在这个网页里可能会有几个餐厅的推广信息，在用户点击某个餐厅后，我们希望跳出wap页面展示餐厅的详情，这个时候就需要用到js调用java代码来实现了。再或者，如果我们需要在wap页中进行分享可能也需要用js调用java代码来执行分享的操作。类似这样的场景很多，如果我们需要实现这种功能，就要了解java和js之间的交互的方法。

WebView的使用

我们在Android中如果希望展示一个网页，基本上都会使用WebView这个组件，它的基本使用也很简单，假如我们希望加载一下百度首页，可以像下面这样写： 首先在layout文件中进行声明

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 >
 <WebView 
 android:id="@+id/web_view"
 android:layout_width="match_parent"
 android:layout_height="match_parent" /></RelativeLayout>

然后在java文件中进行使用

WebView webView = (WebView) findViewById(R.id.web_view);
webView.loadUrl("http://www.baidu.com");

同时，WebView还允许我们对一些默认设置进行修改，例如，我们希望启动对javascript的支持并且可以进行缩放，就需要做如下设置：

// 启用javascriptwebView.getSettings().setJavaScriptEnabled(true);
webView.getSettings().setUseWideViewPort(true);//是否可以缩放webView.getSettings().setSupportZoom(true);
webView.getSettings().setBuiltInZoomControls(true);if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) { 
 getSettings().setDisplayZoomControls(false);
}

但是，如果我们想要在页面加载的时候处理各种通知、请求事件，或者监听页面的加载进度等，就需要用到另外两个类：WebViewClient 和 WebChromeClient。其中，WebViewClient 主要用来监听通知或请求事件，我们在开发中可能会用到的方法主要是下面几个：

onPageStarted

onPageFinished

onReceivedError

shouldOverrideUrlLoading

而 WebChromeClient 则用来处理javascript、网站图标、网站title和加载进度等，我们在使用微信时，如果打开一个网页，会看到它的上面有一条绿色的进度条，这个功能就是通过重写 WebChromeClient 的 onProgressChanged方法来实现的：

public class CustomWebClient extends WebChromeClient { 
 @Override public void onProgressChanged(WebView view, int newProgress) { 
 if (newProgress == 100) { 
 mProgressBar.setVisibility(GONE); 
 } else { 
 if (mProgressBar.getVisibility() == GONE) { 
 mProgressBar.setVisibility(VISIBLE); 
 } 
 mProgressBar.setProgress(newProgress);
 } 
 super.onProgressChanged(view, newProgress); 
 }
}

除此之外，WebView还提供了直接运行javascript的功能，例如，我们可以简单的弹出一个对话框：

webView.loadUrl("javascript:alert(\"提示信息！\");");

当然，如果我们想要执行js，那么必须满足两个条件，第一个是在设置中开启javascript支持，即需要调用setJavascriptEnabled(true)，第二个是需要设置WebChromeClient，两者缺一不可。

相信看了这些案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

相关阅读：

JavaScript基础心法 数据类型
JS代码怎样实现记住账号密码