wkwebview：找出网页视图中加载的内容是否为 PDF 并提供下载按钮

Question

我正在使用wkWebView加载发表在 IEEE、Science Direct 等上的研究论文，所以当我点击研究论文中的任何 PDF 时，PDF 会加载到 webview 中，所以有没有办法检测并启用wkWebView的下载图标。

尝试过的解决方案：我试图通过URLSession从 URL 获取 pdf，这在95% 的情况下都有效，但有时我没有通过URLSession获取 PDF 的内容，并且 pdf 由于动态 URL/PDF 被加载到 webview创建。

在研究中，我遇到了： 直接从 WKWebView 获取已加载的 PDF 而无需再次下载但在我的情况下，首先我需要检查加载的内容是否为 PDF。

一个相关的问题： 在 swift 4 的 wkwebview 中为 pdf 添加下载按钮但没有答案！！！

要测试：在wkWebView打开 URL： https : wkWebView ，然后单击“下载 PDF”按钮，这会将 pdf 加载到 webview 中。

简而言之：任何检测加载的内容是否为 PDF 并提供下载按钮以将 pdf 内容下载到文档文件夹的方法。

任何帮助表示赞赏...谢谢

Answer 1

我已经尝试了您提供的链接，似乎下载按钮在新窗口（html 标签）中打开了 PDF，而 WKWebView 只是忽略了它。

为了使导航成为可能，您应该在视图控制器中采用 WKUIDelegate 协议并实现委托方法：

override func viewDidLoad() {
   super.viewDidLoad()     
   self.webView.uiDelegate = self
}

func webView(_ webView: WKWebView, createWebViewWith configuration: WKWebViewConfiguration, for navigationAction: WKNavigationAction, windowFeatures: WKWindowFeatures) -> WKWebView? {
    if navigationAction.targetFrame == nil {
        // Here we load this request manually in current window
        webView.load(navigationAction.request)
    }
    return nil
}

在此示例中，PDF 将直接加载到 Web 视图中，您可以像处理通常的 PDF 文件一样浏览/下载它。 如果您随后需要下载该 PDF（加载后），您需要使用此处所述的 Fetch API 。

Answer 2

您可以通过 DOM Document.contentType API 检查当前页面的 MIME/内容类型来检测当前页面的内容是否为 PDF。 如果是application/pdf ，我们知道 web 视图当前显示的是 PDF，并且可以显示下载按钮：

func isCurrentDocumentPDF(_ onCompletion: (Bool) -> Void) {
    webView.evaluateJavascript("document.contentType") {
        _, result in

        if let contentType = result as? String, contentType == "application/pdf" {
            onCompletion(true)
        } else {
            onCompletion(false)
        }
    }
}

isCurrentDocumentPDF() {
    isPDF in

    if isPDF {
        pdfDownloadButton.isHidden = false
    }
}