UIWebView---JavaScriptCore和JS交互

最新推荐文章于 2017-06-04 12:27:32 发布

JsonNero

最新推荐文章于 2017-06-04 12:27:32 发布

阅读量968

点赞数

CC 4.0 BY-SA版权

分类专栏： iOS开发系列文章标签： javascriptCore

本文链接：https://blog.youkuaiyun.com/wsxzk123/article/details/43852943

iOS开发系列专栏收录该内容

41 篇文章

订阅专栏

本文介绍了一种使用JavaScript和Objective-C在不同平台间实现消息传递的方法，通过编写示例代码展示了如何在网页中触发Objective-C代码，并在Objective-C中调用JavaScript函数。重点介绍了页面渲染、按钮点击事件、JavaScript函数调用Objective-C函数的过程，以及如何在iOS应用中接收来自Web页面的消息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面要做的效果如下图

JS代码

<!DOCTYPE html>
<html>
    <body>
        <h1 id="id1">I'm Html </h1>
        <button type="button" id = "id2" onclick="clickMe({'name':'Leon'})"> Talk To iOS</button>
        <script>
            function changeTitle() {
                document.getElementById('id1').innerText='I receive Your Message';// 修改标题
            }
        </script>
    </body>
</html>

JS调用OC

- (void)webViewDidFinishLoad:(UIWebView *)webView
{
    if (!_jsContext) {
        _jsContext = [webView valueForKeyPath:@"documentView.webView.mainFrame.javaScriptContext"];
        // 2. 关联打印异常
        __weak ViewController *weakSelf = self;
        _jsContext.exceptionHandler = ^(JSContext *context, JSValue *exceptionValue) {
            context.exception = exceptionValue;
            NSLog(@"异常信息：%@", exceptionValue);
        };
        // js调用oc
        _jsContext[@"clickMe"] = ^(NSDictionary *param) {
            weakSelf.label.text = param[@"name"];
            NSLog(@"%@", param);
        };
        
        id userAgent = [webView stringByEvaluatingJavaScriptFromString:@"navigator.userAgent"];
        NSLog(@"%@", userAgent);
    }
}

OC调用JS

- (IBAction)callJSAction:(UIButton *)sender {
    // changeTitle对应 js的changeTitle
    JSValue *changeTitle = _jsContext[@"changeTitle"];
    [changeTitle callWithArguments:nil];
}