关于webview的加载及缓存的总结_wpf webview2缓存-CSDN博客

原文章地址：http://blog.csdn.net/zhangxing52077/article/details/53730148

由于这里用的是动态创建webview，所以webview的属性是自适应的，导致有些数据量少的页面不能全屏显示，这里只需要设置一个方法就可以了：

webViewLayout = (LinearLayout) findViewById(R.id.webview_layout);
myWebView = new WebView(getApplicationContext());
webViewLayout.addView(myWebView);
myWebView.setLayoutParams(new LinearLayout.LayoutParams

(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT));//设置webview全屏显示

1.WebView的介绍

webview是Android中直接加载html页面的控件，它为webApp带来了新生命。那么，他的出现也伴随着很多问题的产生；今天就webview的加载及缓存方面的知识做个总结，希望对大家有所帮助。
2.Webview的缓存

webview的缓存分为两种：网页数据缓存和H5缓存

①网页缓存的结构：

/data/data/package_name/cache/
/data/data/package_name/database/webview.db
/data/data/package_name/database/webviewCache.db

②H5缓存结构：

根据setAppCachePath(String appCachePath)提供的路径，在H5使用缓存过程中生成的缓存文件。

1.配置用户权限：

 <uses-permission android:name="android.permission.INTERNET"/>
 <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
 <uses-permissi on android:name="android.permission.READ_EXTERNAL_STORAGE"/>
 <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

2. webSettings的设置：

WebSettings webSettings = myWebView.getSettings();
//设置渲染的优先级
webSettings.setRenderPriority(WebSettings.RenderPriority.HIGH);
// 开启 DOM storage API 功能
webSettings.setDomStorageEnabled(true);
//开启 database storage API 功能
webSettings.setDatabaseEnabled(true);
String cacheDirPath = getFilesDir().getAbsolutePath() + APP_CACAHE_DIRNAME;
//设置数据库缓存路径
webSettings.setDatabasePath(cacheDirPath);
//设置  Application Caches 缓存目录
webSettings.setAppCachePath(cacheDirPath);
//开启 Application Caches 功能
webSettings.setAppCacheEnabled(true);

webSettings.setLoadWithOverviewMode(true);
//设置WebView支持JavaScript
webSettings.setJavaScriptEnabled(true);
//设置可以访问文件
webSettings.setAllowFileAccess(true);
//设置支持缩放
webSettings.setBuiltInZoomControls(true);
webSettings.setDefaultTextEncodingName("UTF-8");

3.判断是否连接网络：

/**
 * 检测当前网络可用
 *
 * @param context
 * @return
 */
public static boolean isNetworkAvailable(Context context) {
    ConnectivityManager connectivity = (ConnectivityManager) context
            .getSystemService(Context.CONNECTIVITY_SERVICE);
    if (connectivity != null) {
        NetworkInfo info = connectivity.getActiveNetworkInfo();
        if (info != null && info.isConnected()) {
            // 当前网络是连接的
            if (info.getState() == NetworkInfo.State.CONNECTED) {
                // 当前所连接的网络可用
                return true;
            }
        }
    }
    return false;
}

4.针对网络状况采取不同的缓存策略：

if (isNetworkAvailable(getApplicationContext())) {
    //有网络连接，设置默认缓存模式
    webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);
} else {
    //无网络连接，设置本地缓存模式
    webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
}

在有网络连接的时候，采取默认缓存模式( 根据cache-control决定是否从网络上取数据。)

WebSettings.LOAD_DEFAULT

在无网络连接的时候，采取

WebSettings.LOAD_CACHE_ELSE_NETWORK

只要本地有，无论是否过期，或者no-cache，都使用缓存中的数据。如：m.taobao.com的cache-control为no-cache，在模式LOAD_DEFAULT下，无论如何都会从网络上取数据，如果没有网络，就会出现错误页面；在LOAD_CACHE_ELSE_NETWORK模式下，无论是否有网络，只要本地有缓存，都使用缓存。本地没有缓存时才从网络上获取。

3.WebView的内存泄漏

首先声明，webview如果不做任何处理的话，会存在内存泄漏的风险；规范的代码，一般对webview都做了防止OOM的处理的。

1.先从布局下手，动态创建WebView

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.zhangxing.webviewcachedemo.MainActivity">

   <LinearLayout
       android:id="@+id/webview_layout"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:orientation="vertical">

   </LinearLayout>
</RelativeLayout>

在代码中动态创建

webViewLayout = (LinearLayout) findViewById(R.id.webview_layout);
myWebView = new WebView(getApplicationContext());
webViewLayout.addView(myWebView);

2.在OnDestroy()中销毁

@Override
protected void onDestroy() {
    super.onDestroy();
    myWebView.removeAllViews();
    myWebView.destroy();
}

4.关于webview加载的重点回顾

1.设置对JS的支持

//设置WebView支持JavaScript
webSettings.setJavaScriptEnabled(true);

2.设置通过JS打开新窗口的支持：

webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
myWebView.requestFocus();

3.为webview设置webChromClient,一般主要处理脚本的执行，或者progress的执行

myWebView.setWebChromeClient(new WebChromeClient(){
    @Override
    public void onProgressChanged(WebView view, int newProgress) {
        super.onProgressChanged(view, newProgress);
        if(newProgress == 100){
            if(dialog != null && dialog.isShowing()){
                dialog.dismiss();
            }
        }else{
            if(dialog == null){
                dialog = new ProgressDialog(MainActivity.this);
                dialog.setTitle("正在加载中.....");
                dialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
                dialog.setProgress(newProgress);
                dialog.show();
            }else{
                dialog.setProgress(newProgress);
            }
        }
    }
});

4.为webview设置webviewClient,主要处理关于页面跳转，页面请求等操作

/**
 * WebViewClient帮助webView处理一些页面控制和请求通知
 * 当点击webview控件中的链接时,在这里设置显示在webview中,否则,会在浏览器打开
 */

myWebView.setWebViewClient(new WebViewClient() {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        //设置网页在webview控件中打开,false在浏览器中打开
        view.loadUrl(url);
        return true;
    }
});
传送门地址：http://download.csdn.net/detail/zhangxing52077/9714891