SwiftUI中使用HTMLView时如何通过代理捕获外部链接点击事件

你使用的HTMLView本质是对WKWebView的SwiftUI封装，要捕获内部链接点击不需要额外的SwiftUI专属代理，只要给内部封装的WKWebView设置WKNavigationDelegate，实现导航拦截方法即可，具体修改步骤如下：

步骤1：修改HTMLView实现，添加代理支持和点击回调 #

import SwiftUI
import WebKit

struct HTMLView: UIViewRepresentable {
    let htmlContent: String
    // 新增外部可监听的链接点击回调闭包
    var onLinkTap: ((URL) -> Void)?
    
    func makeUIView(context: Context) -> WKWebView {
        let webView = WKWebView()
        // 给webview设置导航代理
        webView.navigationDelegate = context.coordinator
        webView.loadHTMLString(htmlContent, baseURL: nil)
        return webView
    }
    
    func updateUIView(_ uiView: WKWebView, context: Context) {}
    
    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }
    
    class Coordinator: NSObject, WKNavigationDelegate {
        let parent: HTMLView
        init(_ parent: HTMLView) {
            self.parent = parent
        }
        
        // 实现导航拦截逻辑
        func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
            // 仅拦截用户主动点击链接的行为
            guard navigationAction.navigationType == .linkActivated,
                  let targetURL = navigationAction.request.url else {
                // 非点击链接的导航行为默认放行
                decisionHandler(.allow)
                return
            }
            // 把点击的URL传递给外部处理
            parent.onLinkTap?(targetURL)
            // 取消默认跳转行为，不会再唤起Safari
            decisionHandler(.cancel)
        }
    }
}

步骤2：调用时自定义处理链接点击 #

struct ContentView: View {
    var body: some View {
        HTMLView(
            htmlContent: "你要渲染的HTML内容",
            onLinkTap: { tappedURL in
                // 此处自定义处理点击逻辑，比如App内部跳转、弹窗提示等
                print("捕获到点击的链接：\(tappedURL.absoluteString)")
            }
        )
    }
}

如果需要拦截表单提交、iframe加载等其他类型的导航行为，只要修改navigationType的判断条件即可。

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