Android WebView常用整理

整理一些关于 WebView 常用的知识点。

常用方式：

mWebView= (WebView)findViewById(R.id.webview);

mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.loadUrl(mWebUrl);
mWebView.setWebViewClient(new WebViewClient() {

    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        // TODO Auto-generated method stub
        view.loadUrl(url);// 在当前的webview中跳转到新的url
        return true;
    }
});

WebView 打开本地缓存 ， 使用 localStorage 功能

mWebView.getSettings().setJavaScriptEnabled(true);

mWebView.getSettings().setDomStorageEnabled(true);  
   // Set cache size to 8 mb by default. should be more than enough  
mWebView.getSettings().setAppCacheMaxSize(1024*1024*8);  
// This next one is crazy. It's the DEFAULT location for your app's cache  
// But it didn't work for me without this line.  
// UPDATE: no hardcoded path. Thanks to Kevin Hawkins  
String appCachePath = getApplicationContext().getCacheDir().getAbsolutePath();  
mWebView.getSettings().setAppCachePath(appCachePath);  
mWebView.getSettings().setAllowFileAccess(true);  
mWebView.getSettings().setAppCacheEnabled(true);  

mWebView.loadUrl(url);
mWebView.setWebViewClient(new WebViewClient() {

    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        // TODO Auto-generated method stub
        view.loadUrl(url);// 在当前的webview中跳转到新的url
        return true;
    }
});

webView 与本地交互

在 webView 的基本配置下，通过 js 调用本地方法。

• 本地代码配置如下：

// 第一个参数是本地定义的提供给 js 调用的类，第二个参数为 js 端调用的对象引用。
mWebView.addJavascriptInterface(new TestObject(), "demo");
// 内部类
private final class TestObject{

        // 4.x 版本以后需要在方法上面添加该注解
        @JavascriptInterface
        public void clickOnAndroid() {
            Log.i("","click on Android ");
        }
}

• h5 调用配置：

<a onClick="window.demo.clickOnAndroid()">test</a>

本地调用 h5 的 js 方法：

// javascript: 后面跟 js 的方法名。
mWebView.loadUrl("javascript:alertJsTest()");

注意一点，在本地和 js 交互时要注意 方法名，参数，以及参数类型都要保持一致。