如何强制WebView以HTML格式加载页面并支持自动推断mimetype？

架构老林

2026-9-27

问题原因

Android、iOS平台的系统WebView加载本地文件时，默认仅通过文件后缀判断MIME类型，无.html/.htm后缀的HTML文件会被识别为text/plain格式直接渲染为文本，不会像普通浏览器一样主动读取文件内容推断类型。

解决方案

方案1：强制指定为HTML格式（适合确认所有无后缀本地文件均为HTML的场景）

Android 平台

自定义WebViewClient，重写shouldInterceptRequest方法拦截本地文件请求，返回时主动指定MIME类型为text/html：

@Override
public WebResourceResponse shouldInterceptRequest(WebView view, WebResourceRequest request) {
    Uri uri = request.getUrl();
    // 仅拦截本地文件请求，可额外加目录判断缩小范围
    if ("file".equals(uri.getScheme())) {
        File targetFile = new File(uri.getPath());
        if (targetFile.exists() && targetFile.isFile()) {
            try {
                FileInputStream fis = new FileInputStream(targetFile);
                return new WebResourceResponse("text/html", "UTF-8", fis);
            } catch (FileNotFoundException e) {
                e.printStackTrace();
            }
        }
    }
    return super.shouldInterceptRequest(view, request);
}

iOS 平台（WKWebView）

实现WKURLSchemeHandler协议拦截本地文件请求，读取文件内容后调用loadHTMLString(_:baseURL:)加载，baseURL填写文件所在目录保证页面相对资源可正常加载。

方案2：自动推断MIME类型（更优，兼容多格式本地文件）

不需要硬编码指定类型，读取文件前1-2KB内容判断特征，匹配成功后再返回对应MIME：

Android端可直接调用URLConnection.guessContentTypeFromStream()方法读取文件流头推断类型，可额外补充规则匹配<!DOCTYPE html、<html等HTML标志性开头避免误判。
iOS端可结合UniformTypeIdentifiers框架，匹配文件头特征后输出对应MIME类型。