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对象。意为告诉浏览器怎么去加载该资源。