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