OC与JS交互方法（一）拦截URL

原理：利用webview的代理方法（shouldStartLoadWithRequest），拦截即将加载的URL，再通过scheme区分点击事件类型。

先看看html页面的JS代码

function loadURL(url) {                    var iFrame;                    iFrame = document.createElement("iframe");                    iFrame.setAttribute("src", url);                    iFrame.setAttribute("style", "display:none;");                    iFrame.setAttribute("height", "0px");                    iFrame.setAttribute("width", "0px");                    iFrame.setAttribute("frameborder", "0");                    document.body.appendChild(iFrame);                    // 发起请求后这个iFrame就没用了，所以把它从dom上移除掉                    iFrame.parentNode.removeChild(iFrame);                    iFrame = null;}function scanClick() {                alert(arr);                //页面响应点击事件后使用iFrame的scr加载url，会被uiwebview的代理方法拦截                loadURL("haleyAction://scanClick");}function shareClick() {                    loadURL("haleyAction://shareClick?title=测试分享的标题&content=测试分享的内容&url=http://www.baidu.com");}function locationClick() {                loadURL("haleyAction://getLocation");}function setLocation(location) {                    //stringByEvaluatingJavaScriptFromString是一个同步方法，会等待js 方法执行完成，而弹出的alert 也会阻塞界面等待用户响应，所以他们可能会造成死锁。导致alert 卡死界面。如果回调的JS 是一个耗时的操作，那么建议将耗时的操作也放入setTimeout的function 中                asyncAlert(location);                document.getElementById("returnValue").value = location;}function asyncAlert(content) {                setTimeout(function(){                           alert(content);                           },1);}

JS搞定了，那么下一步就是OC的操作了

主要用到-stringByEvaluatingJavaScriptFromString和webview的代理方法：-shouldStartLoadWithRequest

-stringByEvaluatingJavaScriptFromString——这个方法传入的就是JavaScript代码，直接在UIWebView上面执行js方法。

WKWebview中拦截URL的方法

与uiwebview不同之处：

1. 初始化多了个configuration参数。
2. WKWebView的代理有两个navigationDelegate和UIDelegate。我们要拦截URL，就要通过navigationDelegate的一个代理方法来实现。如果在HTML中要使用alert等弹窗，就必须得实现UIDelegate的相应代理方法。
3. WKWebView的代理有两个navigationDelegate和UIDelegate。我们要拦截URL，就要通过navigationDelegate的一个代理方法来实现。如果在HTML中要使用alert等弹窗，就必须得实现UIDelegate的相应代理方法

初始化wkwebview方法

    WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init];    configuration.userContentController = [WKUserContentController new];    WKPreferences *preferences = [WKPreferences new];    preferences.javaScriptCanOpenWindowsAutomatically = YES;    preferences.minimumFontSize = 30.0;    configuration.preferences = preferences;    self.webView = [[WKWebView alloc] initWithFrame:self.view.frame configuration:configuration];    NSString *urlStr = [[NSBundle mainBundle] pathForResource:@"index.html" ofType:nil];    NSURL *fileURL = [NSURL fileURLWithPath:urlStr];    [self.webView loadFileURL:fileURL allowingReadAccessToURL:fileURL];    self.webView.navigationDelegate = self;    [self.view addSubview:self.webView];

拦截URL

使用WKNavigationDelegate中的代理方法，拦截自定义的URL来实现JS调用OC方法：

#pragma mark - WKNavigationDelegate- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler//如果实现了这个代理方法，就必须得调用decisionHandler这个block{    NSURL *URL = navigationAction.request.URL;    NSString *scheme = [URL scheme];    //uiwebview和wk都需要统一的scheme;    if ([scheme isEqualToString:@"scheme"]) {        [self handleCustomAction:URL];        //WKNavigationActionPolicyCancel代表取消加载等于是return NO；        decisionHandler(WKNavigationActionPolicyCancel);        return;    }    //WKNavigationActionPolicyAllow代表允许加载；    decisionHandler(WKNavigationActionPolicyAllow);}

调用JS：

WKWebView 提供了一个新的方法evaluateJavaScript:completionHandler:，实现OC 调用JS 等场景。功能与stringByEvaluatingJavaScriptFromString类似。

WKWebView中使用alert：

在上面提到，如果在WKWebView中使用alert、confirm 等弹窗，就得实现WKWebView的WKUIDelegate中相应的代理方法。
例如，我在JS中要显示alert 弹窗，就必须实现如下代理方法，否则alert 并不会弹出。

pragma mark - WKUIDelegate (void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(void))completionHandler{    UIAlertController *alert = [UIAlertController alertControllerWithTitle:@"提醒" message:message preferredStyle:UIAlertControllerStyleAlert];    [alert addAction:[UIAlertAction actionWithTitle:@"知道了" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) {    //这个block 一定得调用，至于在哪里调用，倒是无所谓，我们也可以写在方法实现的第一行，或者最后一行        completionHandler();    }]];    [self presentViewController:alert animated:YES completion:nil];}