如何阻止WKWebView跳转至PDF时继承前一页面的viewport设置？

嘿，这个场景我做项目时也碰到过，咱们来拆解你的两个问题：

1. 这是WKWebView的预期行为吗？ #

没错，这确实是WKWebView的设计特性，和UIWebView的行为差异源于两者底层架构的不同。WKWebView会在同一个Web进程中保留源页面的viewport配置，当跳转加载PDF这类外部资源时，会默认继承这些设置；而UIWebView对不同类型的资源（HTML、PDF）处理相对独立，不会传递这类配置。苹果在WKWebView的文档里虽未特别明确标注，但从实际行为和开发者社区的反馈来看，这是有意的设计，目的是保持Web进程内的配置一致性。

2. 如何实现“HTML禁止缩放，PDF允许缩放”？ #

有两个可靠的方案，你可以根据需求选择：

方案一：拦截PDF链接，用独立的WKWebView实例加载 #

通过WKNavigationDelegate拦截PDF跳转请求，取消原页面导航，再创建一个全新的WKWebView来加载PDF。新的WebView不受原页面viewport限制，默认支持完整缩放功能。

示例代码（Swift）：

func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
    guard let targetURL = navigationAction.request.url else {
        decisionHandler(.allow)
        return
    }
    // 判断是否为PDF链接
    if targetURL.pathExtension.lowercased() == "pdf" {
        // 创建新的WKWebView实例
        let pdfWebView = WKWebView(frame: webView.bounds)
        // 可选：确保缩放正常
        pdfWebView.scalesPageToFit = true
        // 加载PDF
        pdfWebView.load(URLRequest(url: targetURL))
        // 将新WebView添加到视图层级（根据布局调整，比如替换原WebView或push新VC）
        webView.superview?.addSubview(pdfWebView)
        pdfWebView.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            pdfWebView.topAnchor.constraint(equalTo: webView.topAnchor),
            pdfWebView.leadingAnchor.constraint(equalTo: webView.leadingAnchor),
            pdfWebView.trailingAnchor.constraint(equalTo: webView.trailingAnchor),
            pdfWebView.bottomAnchor.constraint(equalTo: webView.bottomAnchor)
        ])
        // 取消原导航
        decisionHandler(.cancel)
        return
    }
    decisionHandler(.allow)
}

方案二：用原生QLPreviewController打开PDF #

如果想要更原生的PDF预览体验（支持缩放、标注、分享等功能），可以用系统的QLPreviewController打开PDF，完全脱离WebView的配置限制。

示例代码（Swift）：

func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
    guard let targetURL = navigationAction.request.url, targetURL.pathExtension.lowercased() == "pdf" else {
        decisionHandler(.allow)
        return
    }
    // 初始化预览控制器
    let previewVC = QLPreviewController()
    previewVC.dataSource = self
    previewVC.currentPreviewItemIndex = 0
    // 弹出预览控制器（导航控制器环境下可改用push）
    present(previewVC, animated: true)
    decisionHandler(.cancel)
}

// 实现QLPreviewControllerDataSource协议
extension YourViewController: QLPreviewControllerDataSource {
    func numberOfPreviewItems(in controller: QLPreviewController) -> Int {
        return 1
    }
    
    func previewController(_ controller: QLPreviewController, previewItemAt index: Int) -> QLPreviewItem {
        // 返回PDF的URL，确保URL可正常访问
        return targetURL as QLPreviewItem
    }
}

优先推荐方案二，原生预览器的用户体验更完善；如果需要在WebView内保持浏览上下文，方案一更合适。

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