iOS开发Webview交互初学

总体来说，一个开发者总会遇到需要和WebView进行交互的需求，现在我就讲简单的介绍两种iOS项目中和Webview进行交互的方法。这篇文章适合入门，至于更深层次的知识，希望大家慢慢学习。

一、Request拦截

这是一种通过UIWebView的代理方法，对Webview发出的Request进行拦截，通过分心Request的URL，进行不同的操作。

先看iOS代码，这里加载了一个本地的HTML文件：

- (void)viewDidLoad {
    [super viewDidLoad];
    NSURL *htmlURL = [[NSBundle mainBundle] URLForResource:@"index.html" withExtension:nil];
    NSURLRequest *request = [NSURLRequest requestWithURL:htmlURL];
    [self.webView loadRequest:request];
    // Do any additional setup after loading the view, typically from a nib.
}

- (UIWebView *)webView {
    if (!_webView) {
        _webView = [[UIWebView alloc] initWithFrame:self.view.bounds];
        _webView.delegate = self;
        [self.view addSubview:_webView];
    }
    return _webView;
}

以上代码加载了本地的HTML，记得设置代理方法。接下来实现UIWebViewDelegate的方法：

-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
    NSString *scheme = request.URL.scheme;
    // 过滤拦截请求
    if ([scheme isEqualToString:@"action"]) {
        // 通过URL.host区别要做的事情
        [self handleURL:request.URL];
    }
    return YES;
}

// 处理拦截信息
- (void)handleURL:(NSURL *)url {
    NSLog(@"%@", url.host);
    if ([url.host isEqualToString:@"content"]) {
        // 调用JS方法
        [self.webView stringByEvaluatingJavaScriptFromString:@"setContent('反向调用JS方法')"];
    }
}

下面附上简单的HTML代码：

    
    



发起Request

二、JSContext交互

使用JavaScriptCore.framework来实现交互，其中我们要使用到的是JSContext。

- (void)viewDidLoad {
    [super viewDidLoad];
    NSURL *htmlURL = [[NSBundle mainBundle] URLForResource:@"index.html" withExtension:nil];
    NSURLRequest *request = [NSURLRequest requestWithURL:htmlURL];
    [self.webView loadRequest:request];
    
    // 获取JS环境
    self.context = [self.webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
    
    // sendContent是JS中要调用OC的方法名，通过[JSContext currentArguments]来获取传递过来的参数
    __weak typeof(self) weakSelf = self;
    self.context[@"sendContent"] = ^() {
        // 获取传递参数
        NSArray *objs = [JSContext currentArguments];
        NSLog(@"获取到参数%@", objs);
        // 调用方法向JS传值，setContent是JS中定义的方法
        [weakSelf.context evaluateScript:@"setContent('反向调用JS')"];
    };
    
    
    
    // Do any additional setup after loading the view, typically from a nib.
}

- (UIWebView *)webView {
    if (!_webView) {
        _webView = [[UIWebView alloc] initWithFrame:self.view.bounds];
        _webView.delegate = self;
        [self.view addSubview:_webView];
    }
    return _webView;
}

HTML代码：

    
    



发起Request

三、其他

当然还有其他方法实现OC和WebView的交互，我这里只做了简单的使用概述，希望各位能够通过这篇文章做一个基础入门，然后自己去学习更多的相关知识。笔者也没有做深入的学习，所以也怕自己说错，就直说基础的东西吧。