如何在Webview中加载MHT文件？渲染失败及离线加载方案

我尝试在Webview中加载MHT文件，但页面加载后未正常渲染。请问是否可以直接加载该文件，或是将其转换为HTML后再用Webview加载？补充说明：我需要携带Cookie下载MHT文件，以便在断网时展示页面。

MHT文件示例：

用户提供的下载代码：

func downloadHTML(for url: URL, cookies: [HTTPCookie], completion: @escaping (Result<URL, Error>) -> Void) {
        var request = URLRequest(url: url)
        let headers = HTTPCookie.requestHeaderFields(with: cookies)
        request.allHTTPHeaderFields = headers
        
        let task = URLSession.shared.dataTask(with: request) { (data, response, error) in
            if let error = error {
                completion(.failure(error))
                return
            }
            
            guard let httpResponse = response as? HTTPURLResponse,
                  let data = data,
                  httpResponse.statusCode == 200
            else {
                completion(.failure(NSError(domain: "Invalid response", code: 0, userInfo: nil)))
                return
            }
            
            do {
                let documentsDirectory = try FileManager.default.url(for: .documentDirectory, in: .userDomainMask, appropriateFor: nil, create: true)
                let fileURL = documentsDirectory.appendingPathComponent("page.mht")
                DispatchQueue.main.asyncAfter(deadline: .now() + 5.0) {
                    do {
                        try data.write(to: fileURL)
                        completion(.success(fileURL))
                    } catch {
                        completion(.failure(error))
                    }
                }
            } catch {
                completion(.failure(error))
            }
        }
        
        task.resume()
    }

一、直接加载MHT文件的局限性 #

iOS的WKWebView对MHT（MHTML）格式原生支持很差，直接加载本地MHT文件几乎都会出现渲染异常——比如样式丢失、内嵌资源无法解析展示。就算用loadFileURL(_:allowingReadAccessTo:)方法并开放目录权限，仍存在大量兼容性问题，不建议依赖这种方式。

二、转换为HTML后加载是更可靠的方案 #

将MHT解析拆分后转为标准HTML文件加载，是稳定可行的思路，步骤如下：

1. 解析MHT内容：借助第三方解析库（比如MHTParser）或自己实现MIME多部分内容解析逻辑，拆分出MHT中的主HTML代码、内嵌图片、CSS等资源。
2. 本地化资源：把拆分出的资源保存到HTML文件同级的目录中，同时修改HTML里的资源引用路径为本地相对路径。
3. 加载处理后的HTML：用WKWebView的loadFileURL方法加载本地HTML，并设置允许访问资源目录的权限，确保页面能正常加载所有资源。

三、对现有下载代码的优化建议 #

你当前的下载代码有几个可改进的点：

• 去掉无意义的DispatchQueue.main.asyncAfter延迟，直接在后台队列完成文件写入，避免浪费等待时间。
• 给生成的MHT文件加唯一标识，避免多次下载覆盖同一个文件。
• 验证响应的Content-Type是否包含multipart/related（MHT的标准类型），确保下载的是合法的MHT文件。

优化后的代码示例：

func downloadMHT(for url: URL, cookies: [HTTPCookie], completion: @escaping (Result<URL, Error>) -> Void) {
    var request = URLRequest(url: url)
    let headers = HTTPCookie.requestHeaderFields(with: cookies)
    request.allHTTPHeaderFields = headers
    
    let task = URLSession.shared.dataTask(with: request) { (data, response, error) in
        if let error = error {
            completion(.failure(error))
            return
        }
        
        guard let httpResponse = response as? HTTPURLResponse,
              let data = data,
              httpResponse.statusCode == 200,
              let contentType = httpResponse.allHeaderFields["Content-Type"] as? String,
              contentType.contains("multipart/related")
        else {
            completion(.failure(NSError(domain: "无效响应或非MHT文件", code: 0, userInfo: nil)))
            return
        }
        
        do {
            let documentsDirectory = try FileManager.default.url(for: .documentDirectory, in: .userDomainMask, appropriateFor: nil, create: true)
            // 生成唯一文件名，避免重复覆盖
            let uniqueFileName = "page_\(UUID().uuidString).mht"
            let fileURL = documentsDirectory.appendingPathComponent(uniqueFileName)
            // 后台直接写入文件，无需主线程延迟
            try data.write(to: fileURL)
            // 回到主线程回调（根据业务需求选择是否需要）
            DispatchQueue.main.async {
                completion(.success(fileURL))
            }
        } catch {
            completion(.failure(error))
        }
    }
    
    task.resume()
}

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