Question

如何监控WKWebview上的请求？

我尝试过使用NSURLprotocol（canInitWithRequest），但它不会监控ajax请求（XHR），只监控导航请求（文档请求）

Answer 1

最后我解决了它

由于我无法控制Web视图内容，因此我向WKWebview注入了一个包含jQuery AJAX请求侦听器的java脚本。

当侦听器捕获请求时，它会在方法中向本机应用程序发送请求正文：

webkit.messageHandlers.callbackHandler.postMessage(data);

本机应用程序在名为

的委托中捕获消息

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

并执行相应的操作

这是相关代码：

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');
    }
}

我的ViewController委托是：

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

在我的viewDidLoad()中，我正在创建一个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://#############"]]];

这是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];
}

Answer 2

如果您可以控制WkWebView内的内容，则可以在发出ajax请求时使用window.webkit.messageHandlers向您的原生应用发送消息，该请求将作为WKScriptMessage收到可以通过您指定为WKScriptMessageHandler的任何内容进行处理。消息可以包含您希望的任何信息，并将在Objective-C或Swift代码中自动转换为本机对象/值。

如果您无法控制内容，您仍然可以通过WKUserScript注入自己的JavaScript来跟踪ajax请求并使用上述方法发回消息。

Answer 3

@Benzi Heler的答案很好，但它使用的是jQuery，似乎不再在WKWebView中工作，因此我找到了不使用jQuery的解决方案。

这是ViewController的实现，可让您在WKWebView中收到每个AJAX请求的通知：

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)
        }
    }
}

相当标准的实现。有一个WKWebView以编程方式创建。从script.js文件中加载了注入的脚本。

最重要的部分是script.js文件：

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);
};

每次加载AJAX请求时，都会调用

userContentController委托方法。我要通过status和responseURL，因为这是我需要的，但是您也可以获得有关请求的更多信息。这是所有可用属性和方法的列表： https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest

我的解决方案受到@John Culviner的回答的启发： https://stackoverflow.com/a/27363569/3448282

Answer 4

您可以使用它来响应来自WKWebView的请求。它的工作方式类似于UIWebView。

- (void)webView:(WKWebView *)webView2 decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler {
    
    if (navigationAction.navigationType == WKNavigationTypeLinkActivated) {
     
        NSString *url = [navigationAction.request.URL absoluteString];
        
       // Handle URL request internally

    }

    decisionHandler(WKNavigationActionPolicyAllow); // Will continue processing request

    decisionHandler(WKNavigationActionPolicyCancel); // Cancels request
}

如何在WKWebview上监控请求？

4 个答案: