Wie kann ich überwachen, Anfragen auf WKWebview?

Schließlich habe ich es gelöst

Da ich nicht die Kontrolle über den web-Inhalt anzeigen, den ich injiziert, um die WKWebview ein java-Skript, ein jQuery-AJAX-request-listener.

Wenn der listener fängt einen request, so sendet er die native app den request-body in der Methode:

webkit.messageHandlers.callbackHandler.postMessage(data);

Die native app fängt die Nachricht in einer delegieren genannt:

(void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message

und führen Sie die entsprechenden Aktionen

hier ist der relevante code:

ajaxHandler.js -

//Every time an Ajax call is being invoked the listener will recognize it and  will call the native app with the request details

$( document ).ajaxSend(function( event, request, settings )  {
    callNativeApp (settings.data);
});

function callNativeApp (data) {
    try {
        webkit.messageHandlers.callbackHandler.postMessage(data);
    }
    catch(err) {
        console.log('The native context does not exist yet');
    }
}

Meiner ViewController delegieren sind:

@interface BrowserViewController : UIViewController <UIWebViewDelegate, WKUIDelegate, WKNavigationDelegate, WKScriptMessageHandler, UIWebViewDelegate>

Und in meinem viewDidLoad(), ich bin die Schaffung einer WKWebView:

WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc]init];
[self addUserScriptToUserContentController:configuration.userContentController];
appWebView = [[WKWebView alloc]initWithFrame:self.view.frame configuration:configuration];
appWebView.UIDelegate = self;
appWebView.navigationDelegate = self;
[appWebView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString: @"http://#############"]]];                                                     

Hier ist die addUserScriptToUserContentController:

- (void) addUserScriptToUserContentController:(WKUserContentController *) userContentController{
    NSString *jsHandler = [NSString stringWithContentsOfURL:[[NSBundle mainBundle]URLForResource:@"ajaxHandler" withExtension:@"js"] encoding:NSUTF8StringEncoding error:NULL];
    WKUserScript *ajaxHandler = [[WKUserScript alloc]initWithSource:jsHandler injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:NO];
    [userContentController addScriptMessageHandler:self name:@"callbackHandler"];
    [userContentController addUserScript:ajaxHandler];
}

InformationsquelleAutor Benzi Heler

@Benzi Heler Antwort ist toll, aber es jQuery verwendet, was scheint, wie nicht im WKWebView mehr, also habe ich Lösung gefunden ohne die Verwendung von jQuery.

Hier ist ViewController Umsetzung, mit der Sie benachrichtigt werden, jeden AJAX-request abgeschlossen ist in 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)
        }
    }
}

Ziemlich standard-Implementierung. Es ist ein WKWebView programmgesteuert erstellt. Es ist injizierte Skript, das geladen wird, von script.js Datei.

Und der wichtigste Teil ist script.js Datei:

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 delegate-Methode wird jedesmal aufgerufen, wenn es AJAX-request geladen. Ich bin nebenbei es status und responseURL, denn das war, was ich brauchte, in meinem Fall, aber Sie können auch mehr Informationen über die Anfrage. Hier ist die Liste aller Eigenschaften und Methoden zur Verfügung:
https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest

Meine Lösung ist inspiriert von dieser Antwort geschrieben von @John Culviner:
https://stackoverflow.com/a/27363569/3448282

InformationsquelleAutor user3448282