UIWebViewDelegate 不监控 XMLHttpRequest？

Question

UIWebViewDelegate 是否不监视使用 XMLHttpRequest 发出的请求？如果是这样，有没有办法监控此类请求？

例如 UIWebViewDelegate 在 -(BOOL) webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSMutableURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType; 中没有捕获到这一点；

var xhr = new XMLHttpRequest();
xhr.open("GET", "http://www.google.com", true);

xhr.onreadystatechange=function() 
{
    if (xhr.readyState==4) 
    {
        alert(xhr.responseText);
    }
}

xhr.send();

Answer 1

有趣的问题。

有两个部分可以完成这项工作：JavaScript 处理程序和 UIWebView 委托方法。在 JavaScript 中，我们可以修改原型方法以在创建 AJAX 请求时触发事件。通过我们的 UIWebView 委托，我们可以捕获这些事件。

JavaScript Handler

我们需要在发出 AJAX 请求时收到通知。我在此处找到了解决方案。

在我们的例子中，为了使代码正常工作，我将以下 JavaScript 放入与我的应用程序捆绑在一起的名为 ajax_handler.js 的资源中。

var s_ajaxListener = new Object();
s_ajaxListener.tempOpen = XMLHttpRequest.prototype.open;
s_ajaxListener.tempSend = XMLHttpRequest.prototype.send;
s_ajaxListener.callback = function () {
    window.location='mpAjaxHandler://' + this.url;
};

XMLHttpRequest.prototype.open = function(a,b) {
  if (!a) var a='';
  if (!b) var b='';
  s_ajaxListener.tempOpen.apply(this, arguments);
  s_ajaxListener.method = a;  
  s_ajaxListener.url = b;
  if (a.toLowerCase() == 'get') {
    s_ajaxListener.data = b.split('?');
    s_ajaxListener.data = s_ajaxListener.data[1];
  }
}

XMLHttpRequest.prototype.send = function(a,b) {
  if (!a) var a='';
  if (!b) var b='';
  s_ajaxListener.tempSend.apply(this, arguments);
  if(s_ajaxListener.method.toLowerCase() == 'post')s_ajaxListener.data = a;
  s_ajaxListener.callback();
}

这实际上会做的是将浏览器的位置更改为一些编写的 URL 方案（在本例中为 mpAjaxHandle），其中包含有关所发出请求的信息。别担心，我们的代表会抓住这一点，并且位置不会改变。

UIWebView Delegate

首先，我们需要读取 JavaScript 文件。我建议将其存储在静态变量中。我习惯使用+initialize。

static NSString *JSHandler;

+ (void)initialize {
    JSHandler = [[NSString stringWithContentsOfURL:[[NSBundle mainBundle] URLForResource:@"ajax_handler" withExtension:@"js"] encoding:NSUTF8StringEncoding error:nil] retain];
}

接下来，我们希望在页面加载完成之前注入此 JavaScript，以便我们可以接收所有事件。

- (void)webViewDidStartLoad:(UIWebView *)webView {
    [webView stringByEvaluatingJavaScriptFromString:JSHandler];
}

最后，我们想要捕获该事件。

由于 URL 方案是编造的，我们不想实际遵循它。我们返回NO，一切都很好。

#define CocoaJSHandler          @"mpAjaxHandler"

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
    if ([[[request URL] scheme] isEqual:CocoaJSHandler]) {
        NSString *requestedURLString = [[[request URL] absoluteString] substringFromIndex:[CocoaJSHandler length] + 3];

        NSLog(@"ajax request: %@", requestedURLString);
        return NO;
    }

    return YES;
}

我使用该解决方案创建了一个示例项目，但没有地方托管它。如果您可以主持，可以给我发消息，我将相应地编辑这篇文章。

Answer 2

您可以使用 NSURLProtocol。例如，如果您使用 http://localhost/path 调用 XMLHttpRequest，您可以使用以下方式处理它：

@interface YourProtocol: NSURLProtocol

然后对于实现：

+ (BOOL)canInitWithRequest:(NSURLRequest *)request 
{
    return [request.URL.host isEqualToString:@"localhost"];
}

+ (NSURLRequest *) canonicalRequestForRequest:(NSURLRequest *)request
{
    return request;
}

- (void) startLoading
{
    // Here you handle self.request 
}

- (void)stopLoading
{
}

您需要按如下方式注册协议：

    [NSURLProtocol registerClass:[YourProtocol class]];

Answer 3

通过实现和注册 NSURLProtocol 的子类，您可以捕获来自 UIWebView 的所有请求。在某些情况下，这可能有点过头了，但如果您无法修改实际运行的 JavaScript，那么这是您最好的选择。

就我而言，我需要捕获所有请求并向每个请求插入特定的 HTTP 标头。
我通过实现 NSURLProtocol 来完成此操作，使用 registerClass 注册它，如果请求对应于我感兴趣的 URL，则在我的子类中对 + (BOOL)canInitWithRequest:(NSURLRequest *)request 回答 YES。
然后，您必须实现协议的其他方法，这可以通过使用 NSURLConnection、将协议类设置为委托并将 NSURLConnection 的委托方法重定向到 NSURLProtocolClient 来完成

Answer 4

看来确实是这样。除了 UIWebViewDelegate 提供的功能之外，没有其他方法可以监视 UIWebView 正在执行的操作，除非您可以找到一种使用 stringByEvaluatingJavaScriptFromString: 注入一些 Javascript 来执行您需要的操作的方法。

Answer 5

正如其他人提到的， UIWebViewDelegate 仅观察 window.location 和 iframe.src 的变化。

如果您只想使用 iOS 的自定义 url 方案，
您可以像这样利用 。

例如，如果你想

objc://my_action?arg1=1&arg2=2

在 js 文件中调用这样的 URL Scheme：

/**
* @param msg : path of your query
* @param data : arguments list of your query
*/
var call_url = function(msg, data){
    const scheme = "objc";
    var url = scheme + '://' + msg;
    if(data){
        var pstr = [];
        for(var k in data)
            if(typeof data[k] != 'function')
                pstr.push(encodeURIComponent(k)+"="+encodeURIComponent(data[k]));
        url += '?'+pstr.join('&');
    }
    var i = document.createElement("iframe");
    i.src = url;
    i.style.opacity=0;
    document.body.appendChild(i);
    setTimeout(function(){i.parentNode.removeChild(i)},200);
}

//when you call this custom url scheme
call_url ("my_action", {arg1:1,arg2:2});