Android WebView 远程网页 加载本地资源js/html/css

Android WebView 远程网页 加载本地资源js/html/css

原因：在使用WebView加载网页时Web端有一些不常变更的.js、.css等文件，因此可以将这些文件从Android客户本地进行加载，这样可以加速网页的加载和节省不必要的流量优化用户体验。（博主这里是因为项目引用了Cordova需要加载远程网页，但是IOS端与Android的.js文件又不能通用，所以Android和IOS都各自加载Cordova.js文件）

思路:通过WebViewClient.shouldInterceptRequest(WebView view, WebResourceRequest request)方法判断.js请求然后加载本地资源

代码:

package androidappp.aggaming.com.myapplication;

import android.os.Build;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.webkit.WebResourceRequest;
import android.webkit.WebResourceResponse;
import android.webkit.WebView;
import android.webkit.WebViewClient;

import java.io.IOException;

public class MainActivity extends AppCompatActivity {
private WebView webView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
webView.setWebViewClient(new MyWebViewClient());
webView.getSettings().setJavaScriptEnabled(true);
webView.loadUrl("http://www.网站地址.com");
}
class MyWebViewClient extends WebViewClient{
@Override
public WebResourceResponse shouldInterceptRequest(WebView view, String url) {
if(url.contains("cordova.js")){//加载指定.js时 引导服务端加载本地Assets/www文件夹下的cordova.js
try {
return new WebResourceResponse("application/x-javascript","utf-8",getBaseContext().getAssets().open("www/cordova.js"));
} catch (IOException e) {
e.printStackTrace();
}
}
return super.shouldInterceptRequest(view, url);
}

@Override
public WebResourceResponse shouldInterceptRequest(WebView view, WebResourceRequest request) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
if(request.getUrl().toString().contains("cordova.js")){//加载指定.js时 引导服务端加载本地Assets/www文件夹下的cordova.js
try {
return new WebResourceResponse("application/x-javascript","utf-8",getBaseContext().getAssets().open("www/cordova.js"));
} catch (IOException e) {
e.printStackTrace();
}
}
}
return super.shouldInterceptRequest(view, request);
}

}

/**
* 初始化控件
*/
private void initView() {
webView= (WebView) findViewById(R.id.webview);
}

}

**

相关API

**

WebViewClient.shouldInterceptRequest(WebView view, WebResourceRequest request)

当浏览器需要加载资源时执行的方法比如 加载.css .js等文件, 返回的是WebResourceResponse对象。意为告诉浏览器怎么去加载该资源。