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);
}