ios webview 拦截ajax请求,iOS WebView 拦截Ajax请求 · Hexo
iOS 拦截 WebView Request 请求
相信大家都不陌生，这个在 WebView delegate 里有实现
贴一段代码1
2
3
4
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{
request = [IBWebMethod formAuthorizationRequest:request];
return [IBWebMethod interceptRequest:request BaseViewController:self];
}
ture or false 来决定 WebView 是否加载请求。
可以通过 new NSURLRequest 赋给原 request 来向 request 里添加自定义的信息(头或参数)
但是由于 Ajax 请求不是刷新整个 WebView,上面的方法中无法捕获。
于是就想到了想到了通过注入 js 来 pop 出 Ajax 事件来捕获。
StackOverFlow 链接1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
var s_ajaxListener = new Object();
s_ajaxListener.tempOpen = XMLHttpRequest.prototype.open;
s_ajaxListener.tempSend = XMLHttpRequest.prototype.send;
s_ajaxListener.callback = function (){
console.log('mpAjaxHandler://' + this.url);
window.location='mpAjaxHandler://' + this.url;
};
s_ajaxListener.callbackDone = function (state,status){
console.log('mpAjaxHandlerDone://' + state + ':' + status + '/' + this.url);
window.location='mpAjaxHandlerDone://' + state + ':' + status + '/' + this.url;
};
// fake page loads.
function (){
s_ajaxListener.callbackDone(this.readyState);
this.original_onreadystatechange();
}
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='';
this.setCoustomHeader();
s_ajaxListener.tempSend.apply(this, arguments);
if(s_ajaxListener.method.toLowerCase() == 'post')s_ajaxListener.data = a;
s_ajaxListener.callback();
// Added this to intercept Ajax responses for a given send().
this.original_onreadystatechange = this.onreadystatechange;
this.onreadystatechange = override_onreadystatechange;
}
可以看到重写了 XMLHttpRequest(Ajax)的 open 与 send 方法来 pop 出事件
在捕获的事件中重新指定了 window.location 来响应 WebView 的 delegate
但是这样还不能满足我的需求，因为 Ajax 请求已经发出去了，我们需要在 Ajax 请求中加入头
上代码1
2
3
+ (NSString *)jsString:(NSString *)baseString{
return [NSString stringWithFormat:@"%@n XMLHttpRequest.prototype.setCoustomHeader = function(){ this.setRequestHeader("Authorization","%@");}", baseString, [IBDataManager sharedManager].baseAuth];
}
同样利用 js 注入把我们的头加入的 Ajax 请求中
达到了 Ajax 自定义 header 与捕获的需求
iOS UIWebView 有很大的性能和内存泄漏的问题
可以考虑将 UIWebView 与 WKWebView 封装成一套 API 来调用
最近在开发新的需求和重构代码，这段重构把 WebView 单独拿出来做成了一个 BaseWebViewController，为下一步将 UIWebView 与 WKWebView 统一做准备。
努力，认真，加油！