Android WebView无法加载SVG图片，如何默认启用SVG支持？

问题详情 #

通过Android WebView加载内容时，文本、PNG等资源正常显示，但所有SVG图片均无法加载，显示效果如上图所示，需要启用WebView的SVG支持。

解决方案 #

1. 启用JavaScript支持 #

部分SVG依赖JavaScript完成渲染，初始化WebView时开启JS：

WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);

2. 开启DOM存储API #

复杂SVG可能需要DOM存储功能，添加以下配置：

webSettings.setDomStorageEnabled(true);

3. 允许混合内容加载（跨协议场景） #

如果页面采用HTTPS协议，但SVG资源来自HTTP，需开启混合内容允许：

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    webSettings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
}

4. 拦截请求指定SVG MIME类型 #

若WebView未正确识别SVG的MIME类型，可通过WebViewClient拦截请求并明确指定：

webView.setWebViewClient(new WebViewClient() {
    @Override
    public WebResourceResponse shouldInterceptRequest(WebView view, WebResourceRequest request) {
        String url = request.getUrl().toString();
        if (url.endsWith(".svg")) {
            try {
                URLConnection conn = new URL(url).openConnection();
                return new WebResourceResponse(
                    "image/svg+xml",
                    conn.getContentEncoding(),
                    conn.getInputStream()
                );
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
        return super.shouldInterceptRequest(view, request);
    }
});

5. 验证SVG文件有效性 #

先在桌面浏览器中打开SVG文件，确认文件无语法错误或损坏，排除资源本身问题。

内容的提问来源于stack exchange，提问作者Sanjan Hegde