Android-WebView(五)优先加载本地资源(js, css等)

https://my.oschina.net/fengheju/blog/681227

Android-WebView(五)优先加载本地资源(js, css等)

 收藏

风荷举

 

发表于 10个月前 
阅读 897 
收藏 5 
点赞 0 
评论 0

  


摘要: Android webview 离线资源加载

通常开发hybrid应用时, 很多页面都可能使用相同的一些资源(例如一些常用的js框架, css库之类的), 那么将这些资源内置到app中, 使webview直接加载本地的资源, 带来的好处显而易见: 不仅节约流量而且还能加快页面的加载.

实现 (假设我们要缓存 zepto.min.js)

将要缓存的js文件放到 assets 目录下:

假设路径为: assets/offline_res/zepto.min.js

在WebView启动前(比如在Activity的onCreate中),先取出本地文件的路径

private final Set<String> offlineResources = new HashSet<>();

private void fetchOfflineResources() {
AssetManager am = getAssets();
try {
String[] res = am.list("offline_res");
if(res != null) {
Collections.addAll(offlineResources, res);
}
} catch (IOException e) {
e.printStackTrace();
}
}

在WebView加载资源的时候进行拦截, 如果本地有, 直接使用本地文件

//重写 WebViewClient.shouldInterceptRequest() 方法

@Override
public WebResourceResponse shouldInterceptRequest(WebView view, String url) {
Log.d("WebViewActivity", "shouldInterceptRequest thread id: " + Thread.currentThread().getId());
int lastSlash = url.lastIndexOf("/");
if(lastSlash != -1) {
String suffix = url.substring(lastSlash + 1);
if(offlineResources.contains(suffix)) {
String mimeType;
if(suffix.endsWith(".js")) {
mimeType = "application/x-javascript";
} else if(suffix.endsWith(".css")) {
mimeType = "text/css";
} else {
mimeType = "text/html";
}
try {
InputStream is = getAssets().open("offline_res/" + suffix);
Log.i("shouldInterceptRequest", "use offline resource for: " + url);
return new WebResourceResponse(mimeType, "UTF-8", is);
} catch (IOException e) {
e.printStackTrace();
}
}
}
Log.i("shouldInterceptRequest", "load resource from internet, url: " + url);
return super.shouldInterceptRequest(view, url);
}

注意: 

WebViewClient.shouldInterceptRequest()

 方法是在WebView管理的子线程中执行的, 所以重写该方法时, 要保证线程安全.