监听 web 容器内的网络请求

需求

iOS 项目中 wkwebview 实现的 web 容器，需要监听 web 容器内的所有网络请求

实现

在 iOS 项目中使用 WKWebView 实现的 Web 容器，监听 Web 容器内的网络请求是一个常见需求。可以通过实现 WKURLSchemeHandler 协议来处理自定义的 URL scheme，从而拦截和监听网络请求。以下是一个优秀的实现方案：

实现步骤

创建自定义 URL Scheme Handler

首先，创建一个新的类实现 WKURLSchemeHandler 协议，例如 CustomURLSchemeHandler：

import WebKitclass CustomURLSchemeHandler: NSObject, WKURLSchemeHandler {func webView(_ webView: WKWebView, start urlSchemeTask: WKURLSchemeTask) {let url = urlSchemeTask.request.url!// 打印或处理请求print("Request URL: \(url.absoluteString)")// 这里可以进行自定义处理，如加载本地资源或转发请求// 示例：直接返回一个空白页面let response = HTTPURLResponse(url: url, statusCode: 200, httpVersion: nil, headerFields: nil)!let data = Data()urlSchemeTask.didReceive(response)urlSchemeTask.didReceive(data)urlSchemeTask.didFinish()}func webView(_ webView: WKWebView, stop urlSchemeTask: WKURLSchemeTask) {// 处理请求取消逻辑}
}

配置 WKWebViewConfiguration 并注册自定义 Scheme Handler

创建并配置 WKWebViewConfiguration，然后注册自定义的 URL Scheme Handler：

let config = WKWebViewConfiguration()
let schemeHandler = CustomURLSchemeHandler()
config.setURLSchemeHandler(schemeHandler, forURLScheme: "https")let webView = WKWebView(frame: .zero, configuration: config)

加载 Web 内容

最后，使用 WKWebView 加载需要的 Web 内容：

let request = URLRequest(url: URL(string: "https://example.com")!)
webView.load(request)

完整示例代码

以下是完整的实现代码：

import UIKit
import WebKitclass ViewController: UIViewController {var webView: WKWebView!override func viewDidLoad() {super.viewDidLoad()let config = WKWebViewConfiguration()let schemeHandler = CustomURLSchemeHandler()config.setURLSchemeHandler(schemeHandler, forURLScheme: "https")webView = WKWebView(frame: self.view.bounds, configuration: config)self.view.addSubview(webView)let request = URLRequest(url: URL(string: "https://example.com")!)webView.load(request)}
}class CustomURLSchemeHandler: NSObject, WKURLSchemeHandler {func webView(_ webView: WKWebView, start urlSchemeTask: WKURLSchemeTask) {let url = urlSchemeTask.request.url!print("Request URL: \(url.absoluteString)")// 这里可以进行自定义处理，如加载本地资源或转发请求// 示例：直接返回一个空白页面let response = HTTPURLResponse(url: url, statusCode: 200, httpVersion: nil, headerFields: nil)!let data = Data()urlSchemeTask.didReceive(response)urlSchemeTask.didReceive(data)urlSchemeTask.didFinish()}func webView(_ webView: WKWebView, stop urlSchemeTask: WKURLSchemeTask) {// 处理请求取消逻辑}
}