Android WebView 详解

一、缓存:
在assets文件夹下添加index.html，里面有一个img标签获取图片!

<img alt="图片"
src="https://images0.cnblogs.com/blog/391137/201304/18081911-50a2631f6af343d5b3444cb0e0454ff9.jpg">

MainActivity:

public class MainActivity extends Activity {
    private WebView webview;
    private static String url = "file:///android_asset/index.html";

    public void getcache(View v) { // 点击获取缓存数据
        ImageView iv = new ImageButton(MainActivity.this);
        iv.setImageBitmap(getPictureFromCache());
        Dialog dig = new Dialog(MainActivity.this);
        dig.setTitle("图片");
        dig.setContentView(iv);
        dig.show();
    }

    private Bitmap getPictureFromCache() {
        Bitmap bitmap = null;
        File file = new File(getCacheDir() + "/webviewCacheChromium/f_000001");
        try {
            FileInputStream ins = new FileInputStream(file);
            bitmap = BitmapFactory.decodeStream(ins);
        } catch (FileNotFoundException e) {
            e.printStackTrace();
        }
        return bitmap;
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webview = (WebView) findViewById(R.id.webview);
        webview.loadUrl(url);
    }
}

第一次打开应用之后可以看到File Explorer中cache文件夹下多了一些文件；

getPictureFromCache()方法中地址来源:getCacheDir()方法返回cache文件夹，通过index.html页面中的图片地址获取图片知道图片大小为57159kb，对应的数据即为/webviewCacheChromium/f_000001

二、WebView使用简单设置

    private void setSettings() {
        WebSettings settings = webview.getSettings();
        settings.setJavaScriptEnabled(true);// 这样网页就可加载JavaScript了
        settings.setJavaScriptCanOpenWindowsAutomatically(true);
        webview.setWebViewClient(new WebViewClient());// 设置点击网页中的链接不会打开android内置的浏览器，默认情况下点击链接会打开android内置的浏览器
        settings.setBuiltInZoomControls(true);// 显示放大缩小按钮
        settings.setSupportZoom(true);// 允许放大缩小
        settings.setSupportMultipleWindows(true);
　　　　}

WebView在默认情况下会记录访问过的page，这样可以实现访问过的网页的向前和向后浏览
setWebViewClient时，可以自定义WebViewClient，重写里面的方法shouldOverrideUrlLoading

private class MyWebViewClient extends WebViewClient {
     @Override
     public boolean shouldOverrideUrlLoading(WebView view, String url) {
         if (Uri.parse(url).getHost().equals("blog.csdn.net")) {
             // 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;
     }
}

有时候需要获取WebView所加载的网页的title，有什么方法能获取这个title呢，查看WebViewClient；

发现并没有相关的方法；那么该如何实现？
查看webView的其它方法？发现有个setWebChromeClient，它有两个相关的方法用于获取Title和Icon；

        webview.setWebChromeClient(new WebChromeClient(){
            @Override
            public void onReceivedTitle(WebView view, String title) { // 获取到Title
                super.onReceivedTitle(view, title);
            }

            @Override
            public void onReceivedIcon(WebView view, Bitmap icon) { // 获取到图标
                super.onReceivedIcon(view, icon);
            }
        });

通过查看网上的相关资料，还有另一种可行的方法，此种方法需要用到js与webview的交互的技术，下面是一个例子；

    public void getTitle(WebView wv) {
        wv.addJavascriptInterface(new GetTitle(), "getTitle"); // 向webview注册一个本地接口
        wv.setWebViewClient(new WebViewClient() {
            @Override
            public void onPageFinished(WebView view, String url) {
                view.loadUrl("javascript:window.getTitle.onGetTitle("
                        + "document.getElementsByTagName('title')[0].innerHTML" + ");");
                super.onPageFinished(view, url);
            }
        });
    }

    class GetTitle {
        public void onGetTitle(String title) {
            // ...参数title即为网页的标题，可在这里面进行相应的title的处理
        }
    }

 延伸思考:将上面document.getElementsByTagName('title')[0].innerHTML，将title换为其它的，就可以获取到其它的内容；

三、WebView中应用HTML5
WebView中应用HTML5主要有三种常用情况
>>1.HTML5本地存储

        String dir = this.getApplicationContext().getDir("database", Context.MODE_PRIVATE).getPath();
        settings.setDatabaseEnabled(true);
        settings.setDatabasePath(dir);// 设置数据库路径
        settings.setDomStorageEnabled(true);// 使用LocalStorage则必须打开

>>2.HTML5地理位置服务，需要在设置中进行设置，另外还需要重写WebChromeClient的允许获取地理位置的方法；

        settings.setGeolocationEnabled(true); // 启用地理定位
        settings.setGeolocationDatabasePath(dir); // 设置定位的数据库路径

重写WebChromeClient的onGeolocationPermissionsShowPrompt方法，用于允许浏览器获取地下位置；

            @Override
            public void onGeolocationPermissionsShowPrompt(String origin, Callback callback) {
                super.onGeolocationPermissionsShowPrompt(origin, callback);
                callback.invoke(origin, true, false);
            }

下面是callback.invoke方法的描述

    /**一个允许让应用程序获取地理位置的接口
     */
    public interface Callback {
        /**
         * Sets the Geolocation permission state for the supplied origin.
         *
         * @param origin the origin for which permissions are set
         * @param allow 是否让origin也就是web站点获取地理位置
         * @param retain 是否保持此权限
         */
        public void invoke(String origin, boolean allow, boolean retain);
    };

>>3.HTML5离线存储

        settings.setAppCacheEnabled(true);// 开启应用程序缓存
        String cache_dir = this.getApplicationContext().getDir("cache", Context.MODE_PRIVATE).getPath();
        settings.setAppCachePath(cache_dir);// 设置应用缓存的路径
        settings.setCacheMode(WebSettings.LOAD_DEFAULT);// 设置缓存的模式
        settings.setAppCacheMaxSize(1024 * 1024 * 8);// 设置应用缓存的最大尺寸
        settings.setAllowFileAccess(true);// 可以读取文件缓存(manifest生效)

>>4.HTML5处理网页中的对话框，需要重写下面的三个方法，分别是{"警告","确认","提示"}

            @Override // 可以显示一个带确认的按钮并监听事件
            public boolean onJsAlert(WebView view, String url, String message,
                    JsResult result) {
                return super.onJsAlert(view, url, message, result);
            }

            @Override // 可以显示一个带确定/取消按钮的对话框并监听用户的操作 
            public boolean onJsConfirm(WebView view, String url,
                    String message, JsResult result) {
                return super.onJsConfirm(view, url, message, result);
            }

            @Override
            public boolean onJsPrompt(WebView view, String url, String message,
                    String defaultValue, JsPromptResult result) {
                return super.onJsPrompt(view, url, message, defaultValue, result);
            }

>>5.有时候希望使本地存储或离线存储的空间更大，需要扩展存储空间，需要重写WebChromeClient的onExceededDatabasseQuota方法；

            @Override
            public void onExceededDatabaseQuota(String url,
                    String databaseIdentifier, long quota,
                    long estimatedDatabaseSize, long totalQuota,
                    QuotaUpdater quotaUpdater) {
                super.onExceededDatabaseQuota(url, databaseIdentifier, quota,
                        estimatedDatabaseSize, totalQuota, quotaUpdater);
                quotaUpdater.updateQuota(estimatedDatabaseSize * 2); // 此方法扩展存储空间为默认的2倍
            }

参考文章:
1.html5 webview的本地存储优化
2.android WebView加载html5介绍
3.http://stackoverflow.com/questions/15768837/playing-html5-video-on-fullscreen-in-android-webview