Jak mogę monitorować żądania w WKWebview?

Jeśli masz kontrolę nad zawartością wewnątrz WkWebView Możesz wysyłać wiadomości do swojej natywnej aplikacji za pomocą window.webkit.messageHandlers za każdym razem, gdy złożysz żądanie ajax, które zostanie odebrane jako WKScriptMessage które mogą być przetwarzane przez cokolwiek określiłeś jako swój WKScriptMessageHandler. Wiadomości mogą zawierać dowolne informacje i będą automatycznie konwertowane na natywne obiekty / wartości w kodzie Objective-C lub Swift.

Jeśli nie masz kontroli nad treścią, nadal możesz to zrobić to poprzez wstrzyknięcie własnego JavaScript poprzez WKUserScript aby śledzić żądania ajax i wysyłać wiadomości zwrotne za pomocą metody podanej powyżej.

@ Benzi Heler odpowiedź jest świetna, ale używa jQuery, który wygląda na to, że nie działa już w WKWebView, więc znalazłem rozwiązanie bez używania jQuery.

Oto implementacja ViewController, która pozwala być powiadamianym o każdym żądaniu AJAX jest zakończone w WKWebView:

import UIKit
import WebKit

class WebViewController: UIViewController {

    private var wkWebView: WKWebView!
    private let handler = "handler"

    override func viewDidLoad() {
        super.viewDidLoad()

        let config = WKWebViewConfiguration()
        let userScript = WKUserScript(source: getScript(), injectionTime: .atDocumentStart, forMainFrameOnly: false)
        config.userContentController.addUserScript(userScript)
        config.userContentController.add(self, name: handler)

        wkWebView = WKWebView(frame:  view.bounds, configuration: config)
        view.addSubview(wkWebView)

        if let url = URL(string: "YOUR AJAX WEBSITE") {
            wkWebView.load(URLRequest(url: url))
        } else {
            print("Wrong URL!")
        }
    }

    private func getScript() -> String {
        if let filepath = Bundle.main.path(forResource: "script", ofType: "js") {
            do {
                return try String(contentsOfFile: filepath)
            } catch {
                print(error)
            }
        } else {
            print("script.js not found!")
        }
        return ""
    }
}

extension WebViewController: WKScriptMessageHandler {
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        if let dict = message.body as? Dictionary<String, AnyObject>, let status = dict["status"] as? Int, let responseUrl = dict["responseURL"] as? String {
            print(status)
            print(responseUrl)
        }
    }
}

Dość standardowa implementacja. Istnieje WKWebView tworzony programowo. Jest wstrzykiwany skrypt, który jest ładowany z pliku script.js.

A najważniejszą częścią jest script.js plik:

var open = XMLHttpRequest.prototype.open;
XMLHttpRequest.prototype.open = function() {
    this.addEventListener("load", function() {
        var message = {"status" : this.status, "responseURL" : this.responseURL}
        webkit.messageHandlers.handler.postMessage(message);
    });
    open.apply(this, arguments);
};

userContentController metoda delegate będzie wywoływana za każdym razem, gdy zostanie załadowane żądanie AJAX. Przechodzę tam status i responseURL, ponieważ tego potrzebowałem w moim przypadku, ale możecie też uzyskać więcej informacji na temat request. Oto lista wszystkich dostępnych właściwości i metod: https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest

Moje rozwiązanie jest inspirowane tą odpowiedzią napisaną przez @ John Culviner: https://stackoverflow.com/a/27363569/3448282