WKWebView OC与js的交互

Demo

ViewController
import WebKit/WebKit.h

@interface ViewController () WKNavigationDelegate,WKUIDelegate,WKScriptMessageHandler

@property (nonatomic,strong) WKWebView *webView;

@property (nonatomic,strong) UIProgressView *proView;

@end

@implementation ViewController

• (void)viewDidLoad {
  [super viewDidLoad];
  // Do any additional setup after loading the view, typically from a nib.

  self.proView = [[UIProgressView alloc] initWithProgressViewStyle:UIProgressViewStyleDefault];
  self.proView.hidden = YES;
  self.proView.frame = CGRectMake(0, 64, [UIScreen mainScreen].bounds.size.width, 2);

  WKUserContentController *user = [[WKUserContentController alloc] init];
  [user addScriptMessageHandler:self name:@”testName”];

  WKWebViewConfiguration *con = [[WKWebViewConfiguration alloc] init];
  con.userContentController = user;

  self.webView = [[WKWebView alloc] initWithFrame:self.view.bounds configuration:con];

  self.webView.navigationDelegate = self;

  self.webView.UIDelegate = self;

  [self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@”test” ofType:@”html”]]]];

  [self.view addSubview:self.webView];
  [self.view addSubview:self.proView];

  [self.webView addObserver:self forKeyPath:@”estimatedProgress” options:NSKeyValueObservingOptionNew context:nil];

  //[self.view sendSubviewToBack:self.webView];

  self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:0 target:self action:@selector(click:)];

  //OC —> JS

  //JS —> OC

}

pragma mark - WKScriptMessageHandler
- (void)userContentController:(WKUserContentController )userContentController didReceiveScriptMessage:(WKScriptMessage )message
{
NSLog(@”%@”,message.body);
}

pragma mark - UIDelegate
- (void)webView:(WKWebView )webView runJavaScriptAlertPanelWithMessage:(NSString )message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(void))completionHandler
{
UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@”弹出框” message:message delegate:nil cancelButtonTitle:@”ok” otherButtonTitles:nil, nil];

[alertView show];
completionHandler();

}

• (void)webView:(WKWebView )webView runJavaScriptConfirmPanelWithMessage:(NSString )message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(BOOL result))completionHandler
  {
  UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@”弹出框” message:message delegate:nil cancelButtonTitle:@”ok” otherButtonTitles:nil, nil];

  [alertView show];
  completionHandler(YES);
  }

• (IBAction)click:(id)sender {
  [self.webView evaluateJavaScript:@”testFunc(\”ios 传参数\”)” completionHandler:^(id _Nullable obj, NSError * _Nullable error) {
  //NSLog(@”%@”,obj);
  //obj js返回值
  }];
  }

pragma mark - navigationDelegate

//开始
-(void)webView:(WKWebView )webView didStartProvisionalNavigation:(WKNavigation )navigation
{
//
self.proView.hidden = NO;

[[UIApplication sharedApplication] setNetworkActivityIndicatorVisible:YES];

}

//结束
-(void)webView:(WKWebView )webView didFinishNavigation:(WKNavigation )navigation
{
self.proView.hidden = YES;
[[UIApplication sharedApplication] setNetworkActivityIndicatorVisible:NO];
}

-(void)observeValueForKeyPath:(NSString )keyPath ofObject:(id)object change:(NSDictionaryNSString ,id> )change context:(void )context
{
self.proView.progress = [change[NSKeyValueChangeNewKey] floatValue];
}

//处理是否允许 跳转 www.baidu.com
//- (void)webView:(WKWebView )webView decidePoliTQForNavigationResponse:(WKNavigationResponse )navigationResponse decisionHandler:(void (^)(WKNavigationResponsePoliTQ))decisionHandler
//{
// if([navigationResponse.response.URL.absoluteString hasPrefix:@”https://www.baidu.com“])
// {
// decisionHandler(WKNavigationResponsePoliTQCancel);
// }
// else{
// decisionHandler(WKNavigationResponsePoliTQAllow);
// }
//}

test.html

!DOCTYPE html>
html>
head>
meta charset=”UTF-8”>
title>/title>

    style type="text/css">
        /*css样式*/
        /*标签名{}*/
        /*p{
            color: red;
            font-size: 24px;
            background: chartreuse;
        }*/
        /*id选择器*/
        /*#red{
            color: red; 
        }

        #blue {
            color: blue;
        }*/

        /*类选择器*/
        .clsRed{
            color: red;
        }

        .clsBlue{
            color: blue;
        }

    /style>

    !--js  swift-->
    script type="text/javascript">  
        function buttonClick()
        {
            window.webkit.messageHandlers.testName.postMessage("js 传参");
        }

        function testFunc(myVar)
        {

            return "213";
            //alert(myVar);
            confirm(myVar);
        }


    /script>
/head>
body>

    h1>一级标题/h1>
    p id="red" class="clsRed">啥地方拿数据库费那事了开发那/p>
    p id="blue" class="clsBlue">asfdasfasfasfafa/p>
    h2>一级标题/h2>
    h3>一级标题/h3>
    h4>一级标题/h4>
    h5>一级标题/h5>

    !--超链接   a -->  
    a href="http://www.baidu.com">百度/a>

    !--图片  img-->
    img src="/img/HBuilder.png"/>

    !--按钮  input   事件必须使用 js 代码-->
    input type="button" value="按钮" onclick="buttonClick()"/>
/body>

/html>