拦截并覆盖来自 WebView 的 HTTP 请求

Question

我的应用程序中有一个 WebView，其中打开了某个网站（始终相同，这是我自己的页面）。该站点有一些 JS 代码，可以从远程主机加载一些图像。

我想拦截对此类图像的请求（通过 URL 模式）并返回我自己的内容（即另一个图像），或者根据内部应用程序逻辑保持请求不变。

可以这样做吗？

编辑：问题的当前状态...

WebView 能够设置 WebViewClient （如 Axarydax 所指出的）。 WebViewClient 有两个有用的方法

• shouldOverrideUrlLoading
• onLoadResource

shouldOverrideUrlLoading 能够拦截任何 URL 加载（如果加载是由页面触发的）交互（即单击页面上的链接，WebView.loadURL("") 不会触发此方法）。它还可以通过返回 false 来取消 URL 加载。这种方法不可用，因为它无法拦截页面资源的加载（而我需要拦截的图像就是这样的页面资源）。

onLoadResource 每次加载页面资源（和图像！感谢 Jessyjones）时都会触发，但无法取消。这使得这种方法也不适合我的任务。

Answer 1

试试这个，我在个人类似维基的应用程序中使用过它：

webView.setWebViewClient(new WebViewClient() {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        if (url.startsWith("foo://")) {
            // magic
            return true;
        }
        return false;
    }
});

Answer 2

看起来 API 级别 11 已支持您的需求。请参阅 <代码>WebViewClient.shouldInterceptRequest()。

Answer 3

据我所知，shouldOverrideUrlLoading 不是为图像调用的，而是为超链接调用的......我认为合适的方法是

@Override
public void onLoadResource(WebView view, String url)

对于 webview 加载的每个资源（图像、样式表、脚本）都会调用此方法，但由于它是一个 void，我还没有找到一种方法来改变它url 并替换它以便加载本地资源...

Answer 4

这是我用于我的应用程序的解决方案。

我有几个包含 css / js / img anf 字体文件的资产文件夹。

应用程序获取所有文件名并查看是否请求具有该名称的文件。如果是，它会从资源文件夹中加载它。

//get list of files of specific asset folder
        private ArrayList listAssetFiles(String path) {

            List myArrayList = new ArrayList();
            String [] list;
            try {
                list = getAssets().list(path);
                for(String f1 : list){
                    myArrayList.add(f1);
                }
            } catch (IOException e) {
                e.printStackTrace();
            }
            return (ArrayList) myArrayList;
        }

        //get mime type by url
        public String getMimeType(String url) {
            String type = null;
            String extension = MimeTypeMap.getFileExtensionFromUrl(url);
            if (extension != null) {
                if (extension.equals("js")) {
                    return "text/javascript";
                }
                else if (extension.equals("woff")) {
                    return "application/font-woff";
                }
                else if (extension.equals("woff2")) {
                    return "application/font-woff2";
                }
                else if (extension.equals("ttf")) {
                    return "application/x-font-ttf";
                }
                else if (extension.equals("eot")) {
                    return "application/vnd.ms-fontobject";
                }
                else if (extension.equals("svg")) {
                    return "image/svg+xml";
                }
                type = MimeTypeMap.getSingleton().getMimeTypeFromExtension(extension);
            }
            return type;
        }

        //return webresourceresponse
        public WebResourceResponse loadFilesFromAssetFolder (String folder, String url) {
            List myArrayList = listAssetFiles(folder);
            for (Object str : myArrayList) {
                if (url.contains((CharSequence) str)) {
                    try {
                        Log.i(TAG2, "File:" + str);
                        Log.i(TAG2, "MIME:" + getMimeType(url));
                        return new WebResourceResponse(getMimeType(url), "UTF-8", getAssets().open(String.valueOf(folder+"/" + str)));
                    } catch (IOException e) {
                        e.printStackTrace();
                    }
                }
            }
            return null;
        }

        //@TargetApi(Build.VERSION_CODES.LOLLIPOP)
        @SuppressLint("NewApi")
        @Override
        public WebResourceResponse shouldInterceptRequest(final WebView view, String url) {
            //Log.i(TAG2, "SHOULD OVERRIDE INIT");
            //String url = webResourceRequest.getUrl().toString();
            String extension = MimeTypeMap.getFileExtensionFromUrl(url);
            //I have some folders for files with the same extension
            if (extension.equals("css") || extension.equals("js") || extension.equals("img")) {
                return loadFilesFromAssetFolder(extension, url);
            }
            //more possible extensions for font folder
            if (extension.equals("woff") || extension.equals("woff2") || extension.equals("ttf") || extension.equals("svg") || extension.equals("eot")) {
                return loadFilesFromAssetFolder("font", url);
            }

            return null;
        }

Answer 5

您没有提到 API 版本，但从 API 11 开始，就有了方法 WebViewClient.shouldInterceptRequest

也许这会有所帮助？

Answer 6

最终的解决方案是嵌入一个简单的 http 服务器，监听环回上的“秘密”端口。然后，您可以将匹配的图像 src URL 替换为 http://localhost:123/... /mypic.jpg

Answer 7

这可能有帮助：

@TargetApi(Build.VERSION_CODES.LOLLIPOP)
@Override
public WebResourceResponse shouldInterceptRequest(WebView view, WebResourceRequest request) {
    String url = request.getUrl().toString();
    WebResourceResponse response = super.shouldInterceptRequest(view, request);
    // load native js
    if (url != null && url.contains(INJECTION_TOKEN/* scheme define */)) {

        response = new WebResourceResponse(
                "text/javascript",
                "utf-8",
                loadJsInputStream(url, JsCache.getJsFilePath(path) /* InputStream */));
    }
    return response;
}