webview頁面緩存在哪裡
⑴ Android 下的 WebView 中數據如何保存
1、Android中的WebView控制項當載入html時候，會在data/應用package下生成database與cache兩個文件夾如下圖如示:
Url記錄是保存在webviewCache.db里，而url的內容是保存在webviewCache文件夾下。
WebView中存在著兩種緩存：網頁數據緩存（存儲打開過的頁面及資源）、H5緩存（即AppCache）。
2、緩存構成
/data/data/package_name/cache/
/data/data/package_name/database/webview.db
/data/data/package_name/database/webviewCache.db
webview 會將瀏覽過的網頁url以及網頁文件(css、圖片、js等)保存到資料庫表中。
緩存模式(5種)
LOAD_CACHE_ONLY: 不使用網路，只讀取本地緩存數據
LOAD_DEFAULT: 根據cache-control決定是否從網路上取數據。
LOAD_CACHE_NORMAL: API level 17中已經廢棄, 從API level 11開始作用同LOAD_DEFAULT模式
LOAD_NO_CACHE: 不使用緩存，只從網路獲取數據.
LOAD_CACHE_ELSE_NETWORK，只要本地有，無論是否過期，或者no-cache，都使用緩存中的數據。
⑵ 微信小程序 webview緩存
本人公司小程序中的webview網頁更新時，常常因緩存原因無法實時更新，極其影響使用。
於是遍嘗網上能找到的方法。
總結：
1：小程序webview中的網站添加時間戳後綴，
2：webview的網頁是用vue寫的，路由默認的是hash模式，需要改為history模式。
3：成功，可以實時更新
⑶ android 怎樣獲取webview的緩存
請求的url記錄是保存在webviewCache.db，而url的內容是保存在webviewCache文件夾下.
為了便於理解，接下來模擬一個案例，定義一個html文件,在裡面顯示一張圖片，用WebView載入出來，然後再試著從緩存里把這張圖片讀取出來並顯示。
第一步:新建一個Android工程命名為WebViewCache.目錄結構如下:
第二步:在assets目錄下新建一個html文件，命名為index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>WebViewCacheDemo</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<img src="http://img04.taobaocdn.com/imgextra/i4/608825099/T2nGXBXXpaXXXXXXXX_!!608825099.jpg_310x310.jpg"/>
</body>
</html>
第三步:修改main.xml布局文件，一個WebView控制項一個Button(點擊載入緩存圖片用)，代碼如下:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">
<WebView android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:id="@+id/webView"/>
<Button android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:text="從緩存讀取圖片"
android:id="@+id/button"/>
</LinearLayout>
第四步:修改主核心程序WebViewCacheDemo.java，這里我只載入了index.html文件，按鈕事件暫時沒寫,代碼如下:
package com.ljq.activity;
import java.io.File;
import java.io.FileInputStream;
import android.app.Activity;
import android.app.Dialog;
import android.app.AlertDialog.Builder;
import android.content.DialogInterface;
import android.content.DialogInterface.OnClickListener;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.view.View;
import android.webkit.WebView;
import android.widget.Button;
import android.widget.ImageView;
public class WebViewActivity extends Activity {
private WebView webView;
private static final String url="file:///android_asset/index.html";
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
webView=(WebView)findViewById(R.id.webView);
webView.loadUrl(url);
}
}
第五步:在AndroidMainifest.xml文件中加訪問網路的許可權:
<uses-permission android:name="android.permission.INTERNET" />
⑷ WebView自動緩存-清除緩存
iOS的Webview載入HTML時會自動緩存JS、CSS等文件，當下次載入HTML時會根據請求的緩存策略是否使用緩存本地的JS和CSS，如果本地有緩存，那麼直接返回本地資源(判斷是否過期)；如果沒有本地緩存則向伺服器請求地址。
1、NSURLRequestCachePolicy 指定緩存邏輯。URL載入系統提供了一個磁碟和內存混合的緩存，來響應網路請求。
2、 = 0 默認緩存策略
3、 不使用本地緩存數據
4、 直接載入源數據
5、 指定已存的緩存數據應該用來響應請求，不管它的生命時長和過期時間。
6、 指定已存的緩存數據用來滿足請求，不管生命時長和過期時間。
也可以使用這個方法清除單個請求的緩存
之前遇到一種情況，app端載入伺服器一個網頁，js調用http介面沒有傳參數報錯了，服務端更新之後安卓重新載入沒有問題，iOS端一直載入都會報錯，卸載重裝之後就沒問題了。
最後發現在沙盒的Caches目錄中找到一個WebKit的文件夾，把這個文件夾刪了也沒問題
借鑒：
html開發變態的靜態資源緩存與更新
iOS開發：解決UIWebView自動緩存導致頁面不可刷新問題
iOS html5使用緩存並及時更新方案總結
⑸ 如何有效提升WebView的載入速度
在做混合應用的時候，有幾個痛點，一個是無網路無法使用，還有一個是受網路環境影響的網頁載入速度。今天就這兩個問題，和大家交流一下自己的經驗。
離線緩存
這個比較容易，開啟webView的緩存功能就可以了。
WebSettings settings = webView.getSettings();
settings.setAppCacheEnabled(true);
settings.setDatabaseEnabled(true);
settings.setDomStorageEnabled(true);//開啟DOM緩存，關閉的話H5自身的一些操作是無效的settings.setCacheMode(WebSettings.LOAD_DEFAULT);
這邊我們通過setCacheMode方法來設置WebView的緩存策略，WebSettings.LOAD_DEFAULT是默認的緩存策略，它在緩存可獲取並且沒有過期的情況下載入緩存，否則通過網路獲取資源。這樣的話可以減少頁面的網路請求次數，那我們如何在離線的情況下也能打開頁面呢，這里我們在載入頁面的時候可以通過判斷網路狀態，在無網路的情況下更改webview的緩存策略。
ConnectivityManager cm = (ConnectivityManager)getSystemService(Context.CONNECTIVITY_SERVICE);
NetworkInfo info = cm.getActiveNetworkInfo();if(info.isAvailable())
{
settings.setCacheMode(WebSettings.LOAD_DEFAULT);
}else {
settings.setCacheMode(WebSettings.LOAD_CACHE_ONLY);//不使用網路，只載入緩存}
這樣我們就可以使我們的混合應用在沒有網路的情況下也能使用一部顫遲腔分的功能，不至於什麼都顯示不了了，當然如果我們將緩存做的更好一些，在網路好的時候，比如說在WIFI狀態下，去後台載入一些網頁緩存起來，這樣處理的話，即使在無網路情況下第一次打開某些頁面的時候，也能將該頁面顯示出來。
當然緩存資源後隨之會帶來一個問題，那就是資源無法及時更新，WebSettings.LOAD_DEFAULT中的頁面中的緩茄衫存版本好像不是很起作用，所以我們這邊可能需要自己做一個緩存版本控制。這個緩存版本控制可以放在APP版本更新中。
if (upgrade.cacheControl > cacheControl)
{
webView.clearCache(true);//刪除DOM緩存
VersionUtils.clearCache(mContext.getCacheDir());//刪除APP緩存
try
{
mContext.deleteDatabase("webview.db");//刪除資料庫緩存
mContext.deleteDatabase("webviewCache.db");
} catch (Exception e)
{
}
}
預載入
有時候一個頁面資源比較多，圖片，CSS，js比較多，還引用了JQuery這種龐然巨獸，從載入到頁面渲染完成需要比較長的時間，有一個解決方案是將這些資源打包進APK裡面，然後當頁面載入這些資源的時候讓它從本地獲取，這樣可以提升載入速度也能減少伺服器壓力。重寫WebClient類中的shouldInterceptRequest方法，再將這旦哪個類設置給WebView。
webView.setWebViewClient(new WebViewClient()
{ @Override
public WebResourceResponse shouldInterceptRequest(WebView view, String url)
{ if (url.contains("[tag]"))
{
String localPath = url.replaceFirst("^http.*[tag]\\]", ""); try
{
InputStream is = getApplicationContext().getAssets().open(localPath);
Log.d(TAG, "shouldInterceptRequest: localPath " + localPath);
String mimeType = "text/javascript"; if (localPath.endsWith("css"))
{
mimeType = "text/css";
} return new WebResourceResponse(mimeType, "UTF-8", is);
} catch (Exception e)
{
e.printStackTrace(); return null;
}
} else
{ return null;
}
}
});
這里我們隊頁面中帶有特殊標記的請求進行過濾替換，也就是上面代碼中的[tag]，這個可以跟做後台開發的同事約定好來就行了。對圖片資源或者其他資源進行替換也是可以的。補充一個小點可以通過settings.setLoadsImagesAutomatically(true);來設置在頁面裝載完成之後再去載入圖片。
H5優化
Android的OnPageFinished事件會在Javascript腳本執行完成之後才會觸發。如果在頁面中使 用JQuery，會在處理完DOM對象，執行完$(document).ready(function() {});事件自會後才會渲染並顯示頁面。而同樣的頁面在iPhone上卻是載入相當的快，因為iPhone是顯示完頁面才會觸發腳本的執行。所以我們這邊的解決方案延遲JS腳本的載入，這個方面的問題是需要Web前端工程師幫忙優化的，網上應該有比較多LazyLoad插件，這里放一個比較老的鏈接Painless JavaScript lazy loading with LazyLoad,同樣也放上一小段前端代碼，僅供參考。
<script src="/css/j/lazyload-min.js" type="text/javascript"></script><script type="text/javascript" charset="utf-8">
loadComplete() { //instead of document.read();
}
function loadscript() {
LazyLoad.loadOnce([ '/css/j/jquery-1.6.2.min.js', '/css/j/flow/jquery.flow.1.1.min.js', '/css/j/min.js?v=2011100852'
], loadComplete);
}
setTimeout(loadscript,10);</script>
⑹ android webview載入url怎麼緩存
當我們載入Html時候，會在我們data/應用package下生成database與cache兩個文件夾:
我們請求的Url記錄是保存在webviewCache.db里，而url的內容是保存在webviewCache文件夾下.
WebView中存在著兩種緩存：網頁數據緩存（存儲打開過的頁面及資源）、H5緩存（即AppCache）。
一、網頁緩存
1、緩存構成
/data/data/package_name/cache/
/data/data/package_name/database/webview.db
/data/data/package_name/database/webviewCache.db
綜合可以得知 webview 會將我們瀏覽過的網頁url已經網頁文件(css、圖片、js等)保存到資料庫表中
緩存模式(5種)
LOAD_CACHE_ONLY: 不使用網路，只讀取本地緩存數據
LOAD_DEFAULT: 根據cache-control決定是否從網路上取數據。
LOAD_CACHE_NORMAL: API level 17中已經廢棄, 從API level 11開始作用同LOAD_DEFAULT模式
LOAD_NO_CACHE: 不使用緩存，只從網路獲取數據.
LOAD_CACHE_ELSE_NETWORK，只要本地有，無論是否過期，或者no-cache，都使用緩存中的數據。
如：www.taobao.com的cache-control為no-cache，在模式LOAD_DEFAULT下，無論如何都會從網路上取數據，如果沒有網路，就會出現錯誤頁面；在LOAD_CACHE_ELSE_NETWORK模式下，無論是否有網路，只要本地有緩存，都使用緩存。本地沒有緩存時才從網路上獲取。
www.360.com.cn的cache-control為max-age=60，在兩種模式下都使用本地緩存數據。
總結：根據以上兩種模式，建議緩存策略為，判斷是否有網路，有的話，使用LOAD_DEFAULT，無網路時，使用LOAD_CACHE_ELSE_NETWORK。
設置WebView緩存模式
privatevoidinitWebView(){
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.getSettings().setRenderPriority(RenderPriority.HIGH);
mWebView.getSettings().setCacheMode(WebSettings.LOAD_DEFAULT);//設置緩存模式
//開啟DOMstorageAPI功能
mWebView.getSettings().setDomStorageEnabled(true);
//開啟databasestorageAPI功能
mWebView.getSettings().setDatabaseEnabled(true);
StringcacheDirPath=getFilesDir().getAbsolutePath()+APP_CACAHE_DIRNAME;
//StringcacheDirPath=getCacheDir().getAbsolutePath()+Constant.APP_DB_DIRNAME;
Log.i(TAG,"cacheDirPath="+cacheDirPath);
//設置資料庫緩存路徑
mWebView.getSettings().setDatabasePath(cacheDirPath);
//設置ApplicationCaches緩存目錄
mWebView.getSettings().setAppCachePath(cacheDirPath);
//開啟ApplicationCaches功能
mWebView.getSettings().setAppCacheEnabled(true);
}
清除緩存
/**
*清除WebView緩存
*/
publicvoidclearWebViewCache(){
//清理Webview緩存資料庫
try{
deleteDatabase("webview.db");
deleteDatabase("webviewCache.db");
}catch(Exceptione){
e.printStackTrace();
}
//WebView緩存文件
FileappCacheDir=newFile(getFilesDir().getAbsolutePath()+APP_CACAHE_DIRNAME);
Log.e(TAG,"appCacheDirpath="+appCacheDir.getAbsolutePath());
FilewebviewCacheDir=newFile(getCacheDir().getAbsolutePath()+"/webviewCache");
Log.e(TAG,"webviewCacheDirpath="+webviewCacheDir.getAbsolutePath());
//刪除webview緩存目錄
if(webviewCacheDir.exists()){
deleteFile(webviewCacheDir);
}
//刪除webview緩存緩存目錄
if(appCacheDir.exists()){
deleteFile(appCacheDir);
}
}