WKWebView的使用

#import "WebViewController.h"

#import <WebKit/WebKit.h>

@interface WebViewController ()<WKUIDelegate,WKNavigationDelegate,WKScriptMessageHandler>

@property (nonatomic, strong) WKWebView *webView;

@end

@implementation WebViewController

- (void)viewDidLoad {

    [super viewDidLoad];

    self.navigationItem.title = _titleStr;

    self.view.backgroundColor = [UIColor whiteColor];

      [self setupWebView ];

}

- (void)setupWebView {

    WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];

    config.userContentController = [[WKUserContentController alloc] init];

    

    [config.userContentController addScriptMessageHandler:self name:@"close"];

    self.webView = [[WKWebView alloc] initWithFrame:CGRectMake(0, 0, 0, 0) configuration:config];

    [self.view addSubview:self.webView];

    UIEdgeInsets padding = UIEdgeInsetsMake(0, 0, 0, 0);

    [self.webView mas_makeConstraints:^(MASConstraintMaker *make) {

        make.edges.equalTo(self.view).with.insets(padding);

    }];

    

    self.webView. UIDelegate = self;

    self.webView.navigationDelegate = self;

    self.webView.allowsBackForwardNavigationGestures = YES;

    self.webView.allowsLinkPreview = YES;

    

    [self setupRefresh];

    [self loadHostUrl:_webUrl];

}

- (void)setupRefresh {

    

    MJRefreshHeader *header = [HKDIYRefreshGifHeader headerWithRefreshingTarget:self refreshingAction:@selector(loadNewData)];

//    [header setTitle:@"下拉刷新" forState:MJRefreshStatePulling];

//    header.lastUpdatedTimeLabel.hidden = YES;

    self.webView.scrollView.mj_header = header;

    

}

- (void)loadNewData {

    [self.webView reload];

}

- (void)loadHostUrl:(NSString *)url{

    NSURL *weburl = [NSURL URLWithString:url];

    NSMutableURLRequest *request = [[NSMutableURLRequest alloc] initWithURL:weburl];

    [self.webView loadRequest:request];

}

- (void)userContentController:(WKUserContentController *)userContentController

      didReceiveScriptMessage:(WKScriptMessage *)message {

    //message.body传值的内容。

    //前端需要用 window.webkit.messageHandlers.注册的方法名.postMessage({body:传输的数据} 来给native发送消息

    //    window.webkit.messageHandlers.refreshApp.postMessage({body: 'hello world!'});

    if ([message.name isEqualToString:@"close"]) {

        

        [self.navigationController popViewControllerAnimated:YES];

    }

}

// 网页开始加载

- (void)webView:(WKWebView *)webView didStartProvisionalNavigation:(WKNavigation *)navigation {

    NSLog(@"123");

}

// 网页完成加载

- (void)webView:(WKWebView *)webView didFinishNavigation:(null_unspecified WKNavigation *)navigation {

    NSLog(@"456");

    [self.webView.scrollView.mj_header endRefreshing];

}

// 网页加载出错

- (void)webView:(WKWebView *)webView didFailProvisionalNavigation:(null_unspecified WKNavigation *)navigation withError:(NSError *)error {

    [self.webView.scrollView.mj_header endRefreshing];

}

//作为js中confirm接口的实现，需要有提示信息以及两个相应事件， 确认及取消，并且在completionHandler中回传相应结果，确认返回YES， 取消返回NO

//参数 message为  js 方法 confirm(<message>) 中的<message>

- (void)webView:(WKWebView *)webView runJavaScriptConfirmPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(BOOL))completionHandler{

    

    UIAlertController *alertController = [UIAlertController alertControllerWithTitle:@"提示" message:message?:@"" preferredStyle:UIAlertControllerStyleAlert];

    [alertController addAction:([UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) {

        completionHandler(NO);

    }])];

    [alertController addAction:([UIAlertAction actionWithTitle:@"确认" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {

        completionHandler(YES);

    }])];

    [self presentViewController:alertController animated:YES completion:nil];

}

//可以显示网页中的alert中的信息

- (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:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {

        completionHandler();

    }]];

    [self presentViewController:alert animated:YES completion:NULL];

}

@end