如何在CoreWebView2中过滤响应流并解决svgz加载异常问题？

针对file://环境下WebView2无法解析svgz文件的问题，可通过CoreWebView2.WebResourceRequested事件同步拦截请求并修改响应，以下是具体实现思路：

核心思路 #

WebResourceRequested是WebView2中唯一能同步拦截请求、修改响应内容/头的事件，完全适配需求——不管是让WebView2自动解压，还是手动解压后返回svg内容都可行。

实现步骤 #

1. 注册拦截事件 #

初始化WebView2后，注册WebResourceRequested事件，指定拦截范围包含file://协议的资源：

webView.CoreWebView2.WebResourceRequested += CoreWebView2_WebResourceRequested;
// 设置拦截规则，覆盖file协议下的图片资源
webView.CoreWebView2.AddWebResourceRequestedFilter("file://*", CoreWebView2WebResourceContext.Image);

2. 处理svgz资源 #

在事件处理方法中，判断请求是否为svgz文件，然后选择以下两种方案之一：

方案一：让WebView2自动解压

修改响应头，添加Content-Encoding: gzip，WebView2会自动识别并解压流：

private void CoreWebView2_WebResourceRequested(object sender, CoreWebView2WebResourceRequestedEventArgs e)
{
    var requestUri = new Uri(e.Request.Uri);
    // 判断是否为svgz文件
    if (requestUri.AbsolutePath.EndsWith(".svgz", StringComparison.OrdinalIgnoreCase))
    {
        var localPath = requestUri.LocalPath;
        if (File.Exists(localPath))
        {
            var response = webView.CoreWebView2.Environment.CreateWebResourceResponse(
                File.OpenRead(localPath),
                200,
                "OK",
                $"Content-Type: image/svg+xml\r\nContent-Encoding: gzip");
            e.Response = response;
        }
    }
}

方案二：手动解压后返回SVG内容

读取gzip流并解压，替换响应流，同时修改Content-Type为image/svg+xml：

private void CoreWebView2_WebResourceRequested(object sender, CoreWebView2WebResourceRequestedEventArgs e)
{
    var requestUri = new Uri(e.Request.Uri);
    if (requestUri.AbsolutePath.EndsWith(".svgz", StringComparison.OrdinalIgnoreCase))
    {
        var localPath = requestUri.LocalPath;
        if (File.Exists(localPath))
        {
            // 解压gzip流
            using var gzipStream = new GZipStream(File.OpenRead(localPath), CompressionMode.Decompress);
            using var memoryStream = new MemoryStream();
            gzipStream.CopyTo(memoryStream);
            memoryStream.Position = 0;

            // 创建新的响应，返回解压后的SVG内容
            var response = webView.CoreWebView2.Environment.CreateWebResourceResponse(
                memoryStream,
                200,
                "OK",
                "Content-Type: image/svg+xml");
            e.Response = response;
        }
    }
}

注意事项 #

• 处理file://资源时，要确保程序有本地文件读取权限；
• 可通过读取文件前两个字节（gzip标识为0x1F8B）来更准确判断是否为gzip压缩文件，避免仅靠后缀判断的误差；
• WebResourceRequested事件是同步执行的，不要在其中做耗时操作，避免阻塞页面加载。

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