Android中WebView的使用总结及Java与Javascript的相互调用

Webview可以提供一个web应用程序或者一个网页做为Android客户端的一部分，但它又不包含网页浏览器的很多特性，基本上只是用于显示一个网页。

将WebView添加到应用

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

使用 loadUrl()来载入页面

WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.loadUrl("http://www.example.com");

如果要访问网络，必须添加INTERNET权限

<?xml version="1.0" encoding="utf-8"?><pre name="code" class="html"><manifest ... >
<uses-permission android:name="android.permission.INTERNET" />
...
</manifest>

如果加载本机HTML文件，路径如下：

file:///android_asset/index.html   加载项目assets下的文件index.html
file:///sdcard/index.html        加载sdcard下的index.html文件

在WebView中使用JavaScript

首先必须添加以下设置

WebView myWebView = (WebView) findViewById(R.id.webview);
WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true);

绑定JavaScript到Android
首先，创建以下类

public class WebAppInterface {
Context mContext;

/** Instantiate the interface and set the context */
WebAppInterface(Context c) {
mContext = c;
}

/** Show a toast from the web page */
@JavascriptInterface
public void showToast(String toast) {
Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
}
}

注意：如果你的

targetSdkVersion大于等于17，你必须在你需要在JavaScript中调用的Android方法前面添加@JavascriptInterface

注释

。

将以上创建的类注入到JavaScript

WebView webView = (WebView) findViewById(R.id.webview);
webView.addJavascriptInterface(new WebAppInterface(this), "Android");

对应的HTML代码

<pre name="code" class="html"><input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" />

<script type="text/javascript">
function showAndroidToast(toast) {
Android.showToast(toast);
}
</script>

注意：你绑定到JavaScript的目标是在另外一个线程运行，而不是创建它的线程。

处理页面导航

当用户在WebView里面点击了一个网页链接之后，Android默认启动一个应用来处理这些链接，通常是web浏览器。但是你可以通过重写WebView方法来实现在WebView中打开这些链接。

WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.setWebViewClient(new WebViewClient());

private class MyWebViewClient extends WebViewClient {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
if (Uri.parse(url).getHost().equals("www.example.com")) {
// This is my web site, so do not override; let my WebView load the page
return false;
}
// Otherwise, the link is not for a page on my site, so launch another Activity that handles URLs
Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
startActivity(intent);
return true;
}
}

当用户点击back键时，应用默认是退出，通过以下代码可以将back键改成后退

@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
// Check if the key event was the Back button and if there's history
if ((keyCode == KeyEvent.KEYCODE_BACK) && myWebView.canGoBack()) {
myWebView.goBack();
return true;
}
// If it wasn't the Back key or there's no web page history, bubble up to the default
// system behavior (probably exit the activity)
return super.onKeyDown(keyCode, event);
}