码迷,mamicode.com
首页 > Web开发 > 详细

WKWebView和JS交互

时间:2016-10-10 13:50:04      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:

 // 1.WKWebView的配置
        WKUserContentController *userContentController = [[WKUserContentController alloc] init];
        [userContentController addScriptMessageHandler:self name:@"myName"];
        _wkConfig = [[WKWebViewConfiguration alloc] init];
        _wkConfig.userContentController = userContentController;
        _wkwebView = [[WKWebView alloc] initWithFrame:self.view.bounds configuration:_wkConfig];

 

// 2.iOS 8 引入WKWebViewWKWebView 不支持JavaScriptCore的方式但提供message handler的方式为JavaScript 与Objective-C 通信.

Objective-C 中使用WKWebView的以下方法调用JavaScript:

- (void)evaluateJavaScript:(NSString *)javaScriptString

         completionHandler:(void (^)(id, NSError *))completionHandler

如果JavaScript 代码出错, 可以在completionHandler 进行处理.

 [_wkwebView evaluateJavaScript:@"onPayComplete(1)" completionHandler:nil];// OC调用JS函数,可传参数

//3. WKScriptMessageHandler protocol?

- (void)userContentController:(WKUserContentController *)userContentController

    didReceiveScriptMessage:(WKScriptMessage *)message

{

    NSLog(@"Message: %@", message.body);

}

// 4.在JavaScript 将信息发给Objective-C:

// window.webkit.messageHandlers.<name>.postMessage();?

 

function postMyMessage()? {?

    var message = { ‘message‘ : ‘Hello, World!‘, ‘numbers‘ : [ 1, 2, 3 ] };?

    window.webkit.messageHandlers.myName.postMessage(message);?

}

 

 

WKWebView和JS交互

标签:

原文地址:http://www.cnblogs.com/MJP334414/p/5945312.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!