直接从WKWebView获取已加载的PDF,无需重新下载

4
我正在尝试在WKWebView中直接加载PDF,而不需要对URL进行其他直接请求。
在我的研究过程中,我发现以下链接可以实现相同的功能。 IOS - 如何从WKWebView获取缓存资源? 但是,在这种方法中,我在某些URL中遇到了问题。 我在控制台中收到JavaScript错误: Blocked script execution in 'https://ac.els-cdn.com/S0946672X17308763/1-s2.0-S0946672X17308763-main.pdf?_tid=8d087878-4e4c-4c50-b5e4-08ea38906e6e&download=true&acdnat=1534405212_984aaf5f9673f1b2ff107a4032c80ea0' because the document's frame is sandboxed and the 'allow-scripts' permission is not set. 重现该问题的URL。 https://www.sciencedirect.com/science/article/pii/S0946672X17308763 只需访问“下载PDF”链接并在WKWebView中打开PDF即可。
编辑以便更轻松地在同一WebView中加载新的选项卡窗口。
-(WKWebView *)webView:(WKWebView *)webView createWebViewWithConfiguration:(WKWebViewConfiguration *)configuration forNavigationAction:(WKNavigationAction *)navigationAction windowFeatures:(WKWindowFeatures *)windowFeatures{

    if (!navigationAction.targetFrame.isMainFrame) {
        [_webView loadRequest:navigationAction.request];
    }
    return nil;
}

编辑

我正在添加完整的Swift代码,该代码源自@SahilManchanda提供的解决方案,但它在代码片段中添加链接时仍然存在一些问题。

import UIKit
import WebKit

class ViewController: UIViewController {

    var webView: WKWebView!
    var button: UIButton!
    let link = "https://www.sciencedirect.com/science/article/pii/S0946672X17308763"

    var activityIndicator: UIActivityIndicatorView?
    override func viewDidLoad() {
        super.viewDidLoad()

    }

    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)
        webView = WKWebView()
        button = UIButton()
        button.setTitle("Save", for: .normal)
        button.setTitleColor(.white, for: .normal)
        button.backgroundColor = UIColor.black.withAlphaComponent(0.5)
        button.addTarget(self, action: #selector(self.download(_:)), for: .touchUpInside)
        activityIndicator = UIActivityIndicatorView(activityIndicatorStyle: .gray)
        webView.navigationDelegate = self
        webView.uiDelegate = self
        activityIndicator?.center = self.view.center
        [webView,button].forEach({view.addSubview($0)})
        setupConstraints()
        webView.configuration.userContentController.add(self, name: "myInterface")
        webView.load(URLRequest(url: URL(string: link)!))
        activityIndicator?.startAnimating()
    }

    func setupConstraints(){
        webView.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            webView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            webView.topAnchor.constraint(equalTo: view.topAnchor),
            webView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
            webView.bottomAnchor.constraint(equalTo: view.bottomAnchor)
            ])
        button.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            button.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -70),
            button.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -20),
            button.widthAnchor.constraint(equalToConstant: 100)
            ])
    }
    @objc func download(_ sender: Any){

        let s = """
        var xhr = new XMLHttpRequest();
        xhr.open('GET', "\(webView.url!.absoluteString)", true);
        xhr.responseType = 'arraybuffer';
        xhr.onload = function(e) {
        if (this.status == 200) {
        var uInt8Array = new Uint8Array(this.response);
        var i = uInt8Array.length;
        var binaryString = new Array(i);
        while (i--){
        binaryString[i] = String.fromCharCode(uInt8Array[i]);
        }
        var data = binaryString.join('');
        var base64 = window.btoa(data);

        window.webkit.messageHandlers.myInterface.postMessage(base64);
        }
        };
        xhr.send();
        """
        webView?.evaluateJavaScript(s, completionHandler: {(string,error) in
            print(error ?? "no error")
        })
    }
}
extension ViewController: WKScriptMessageHandler{
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        guard
            var documentsURL = (FileManager.default.urls(for: .documentDirectory, in: .userDomainMask)).last,
            let convertedData = Data.init(base64Encoded: message.body as! String)
            else {
                //handle error when getting documents URL
                return
        }
        //name your file however you prefer
        documentsURL.appendPathComponent("sample.pdf")
        do {
            try convertedData.write(to: documentsURL)
        } catch {
            //handle write error here
        }
        //if you want to get a quick output of where your
        //file was saved from the simulator on your machine
        //just print the documentsURL and go there in Finder
        print("URL for view \(documentsURL.absoluteString)")
        let activityViewController = UIActivityViewController.init(activityItems: [documentsURL], applicationActivities: nil)
        present(activityViewController, animated: true, completion: nil)
    }
}

extension ViewController: WKNavigationDelegate,WKUIDelegate{

    func webView(_ webView: WKWebView, createWebViewWith configuration: WKWebViewConfiguration, for navigationAction: WKNavigationAction, windowFeatures: WKWindowFeatures) -> WKWebView? {

        if !(navigationAction.targetFrame != nil && (navigationAction.targetFrame?.isMainFrame)!){
            webView .load(navigationAction.request);
        }

        return nil
    }

    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        self.activityIndicator?.stopAnimating()
        self.activityIndicator?.removeFromSuperview()
        self.activityIndicator = nil
    }
}

根据WKWebview文档,如果链接的目标设置为_blank,它通常不会直接打开,因此在这里发生了同样的情况。如果你想打开它,你必须在 -(WKWebView *)webView:(WKWebView *)webView createWebViewWithConfiguration:(WKWebViewConfiguration *)configuration forNavigationAction:(WKNavigationAction *)navigationAction windowFeatures:(WKWindowFeatures *)windowFeatures 中进行另一个请求。 - Mrug
或者直接使用ScienceDirect网站上的任何PDF URL。对于所有人都会发生一些来自服务器响应的标题。例如:https://www.sciencedirect.com/science/article/pii/S0946672X17308763/pdfft?md5=eafce12181bdd090b19f5dde0885b840&pid=1-s2.0-S0946672X17308763-main.pdf&download=true - Mrug
我尝试了并得到了与你相同的错误。看起来他们添加了一种内容安全策略,阻止了JavaScript的运行。 - Sahil Manchanda
谢谢您的尝试。如果您找到任何解决方案,请分享。 - Mrug
让我们在聊天中继续这个讨论 - Mrug
显示剩余4条评论
1个回答

1

在模拟器上尝试以下代码。直接的PDF链接不可用,它们会动态生成PDF链接。因此,当页面加载完成时,它将具有最近的URL,调用下载方法将再次请求并从缓存中保存。

   import UIKit
import WebKit

class ViewController: UIViewController {

    var webView: WKWebView!
    var newWebView: WKWebView?
    let link = "https://www.sciencedirect.com/science/article/pii/S0946672X17308763"
    var d = false
    var activityIndicator: UIActivityIndicatorView?
    override func viewDidLoad() {
        super.viewDidLoad()

    }

    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)
        webView = WKWebView()
        activityIndicator = UIActivityIndicatorView(activityIndicatorStyle: .gray)
        webView.navigationDelegate = self
        webView.uiDelegate = self
        activityIndicator?.center = self.view.center
        [webView].forEach({view.addSubview($0)})
        setupConstraints()
        webView.configuration.userContentController.add(self, name: "myInterface")
        webView.load(URLRequest(url: URL(string: link)!))
        activityIndicator?.startAnimating()
    }

    func setupConstraints(){
        webView.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            webView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            webView.topAnchor.constraint(equalTo: view.topAnchor),
            webView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
            webView.bottomAnchor.constraint(equalTo: view.bottomAnchor)
            ])
    }
    func download(_ sender: Any){
        guard let link = (sender as? URL)?.absoluteString else {return}
        print("\(link)")
        let s = """
        var xhr = new XMLHttpRequest();
        xhr.open('GET', "\(link)", true);
        xhr.responseType = 'arraybuffer';
        xhr.onload = function(e) {
        if (this.status == 200) {
        var uInt8Array = new Uint8Array(this.response);
        var i = uInt8Array.length;
        var binaryString = new Array(i);
        while (i--){
        binaryString[i] = String.fromCharCode(uInt8Array[i]);
        }
        var data = binaryString.join('');
        var base64 = window.btoa(data);

        window.webkit.messageHandlers.myInterface.postMessage(base64);
        }
        };
        xhr.send();
        """
        webView?.evaluateJavaScript(s, completionHandler: {(string,error) in
            print(error ?? "no error")
        })
    }
}
extension ViewController: WKScriptMessageHandler{
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        guard
            var documentsURL = (FileManager.default.urls(for: .documentDirectory, in: .userDomainMask)).last,
            let convertedData = Data.init(base64Encoded: message.body as! String)
            else {
                //handle error when getting documents URL
                return
        }
        //name your file however you prefer
        documentsURL.appendPathComponent("sample.pdf")
        do {
            try convertedData.write(to: documentsURL)
        } catch {
            //handle write error here
        }
        //if you want to get a quick output of where your
        //file was saved from the simulator on your machine
        //just print the documentsURL and go there in Finder
        print("URL for view \(documentsURL.absoluteString)")
        let activityViewController = UIActivityViewController.init(activityItems: [documentsURL], applicationActivities: nil)
        present(activityViewController, animated: true, completion: nil)
    }
}

extension ViewController: WKNavigationDelegate,WKUIDelegate{

    func webView(_ webView: WKWebView, createWebViewWith configuration: WKWebViewConfiguration, for navigationAction: WKNavigationAction, windowFeatures: WKWindowFeatures) -> WKWebView? {

        if !(navigationAction.targetFrame != nil && (navigationAction.targetFrame?.isMainFrame)!){
            webView .load(navigationAction.request);

        }

        return nil
    }

    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        self.activityIndicator?.stopAnimating()
        self.activityIndicator?.removeFromSuperview()
        self.activityIndicator = nil
        if d{
            download(webView.url)
        }
    }
    func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
        print("url \(navigationAction.request.url!.absoluteString)")
        if navigationAction.request.url!.absoluteString.contains("pdfft"){
            if !d{
                d = true
                let url = navigationAction.request.url?.absoluteString.components(separatedBy: "?").first ?? ""
                decisionHandler(.cancel)
                webView.load(URLRequest(url: URL(string: url)!))
                return
            }

        }
        decisionHandler(.allow)
    }
}

页面加载完成后,点击保存按钮。然后应该会打印出以下内容:

查看URL: file:///Users/jingged/Library/Developer/CoreSimulator/Devices/B57CEFE8-2A2A-484B-AB36-58E05B68EB1A/data/Containers/Data/Application/17317462-D36C-40EA-AEBD-0F128DC7E66A/Documents/sample.pdf

复制该URL并粘贴到任何浏览器中。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接