native与js交互(WKWebView )
来源:互联网 发布:ubuntu和redhat的区别 编辑:程序博客网 时间:2024/06/05 20:11
1. 创建webView,遵守协议WKScriptMessageHandler
WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init]; //注入js代码 在html中可以直接调用 NSString *js = @"function showAlertA() { alert('在载入webview时通过OC注入的JS方法'); }"; WKUserScript *userScript = [[WKUserScript alloc] initWithSource:js injectionTime:(WKUserScriptInjectionTimeAtDocumentStart) forMainFrameOnly:YES]; [configuration.userContentController addUserScript:userScript]; //设置代理,添加监听的key [configuration.userContentController addScriptMessageHandler:self name:@"app"]; _webView = [[WKWebView alloc] initWithFrame:CGRectMake(0, 0, kScreenWidth, kScreenHeight-64) configuration:configuration]; [self.view addSubview: self.webView];
2. html中调用native方法
<button class="pay-control" type="button" onclick="showAlertA()">立即下单</button>
注: 在angular中,使用(click)="showAlertA()"事件绑定不起作用
3. 实现WKScriptMessageHandler代理方法,当js调用约定的方法,可在此添加实现。
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message { NSLog(@"%@ %@",message.name,message.body);}
4. html中向native端发送事件,并可以携带数据信息,注意方法名'printSB'、事件的标志'app'、携带的信息'{body: 'SB'}'
<script> function printSB() { window.webkit.messageHandlers.app.postMessage({body: 'SB'}); } </script>
<button class="pay-control" type="button" onclick="printSB()">立即下单</button>
注:当点击按钮,native端控制台会打印出message信息,实现js回调native方法,在angular中,component模板中会屏蔽掉<script>标签,所以可以将上面的js代码放到index.html中实现全局引用;当然也可以单独弄成一个js文件,导入使用(看另一篇文章 http://blog.csdn.net/nb_token/article/details/78337413)。
5. 最后,由于addScriptMessageHandler方法容易循环引用导致内存泄漏,在viewDidDisappear加入
[self.webView.configuration.userContentController removeScriptMessageHandlerForName:@"app"];
6. navtive调用js方法还有一种写法(见另一篇文章:http://blog.csdn.net/nb_token/article/details/62228010),这样可以在任何地方调用js代码,通常放在网页加载完成的代理方法中
NSString *jsStr = [NSString stringWithFormat:@"shareResult('%@','%@','%@')",title,content,url];[self.webView evaluateJavaScript:jsStr completionHandler:^(id _Nullable result, NSError * _Nullable error) { NSLog(@"%@----%@",result, error);}];
阅读全文
0 0
- native与js交互(WKWebView )
- WKWebView与js交互
- WKWebView与JS交互
- WKWebView与JS交互
- WKWebView与js交互
- WKWebView与JS交互
- WKWebView与js交互
- WKWebView 与 JS 交互
- WKWebView与js交互
- iOS wkwebview的基本使用与基于wkwebview的js、native 交互
- oc与js交互-----WKWebView
- WKWebView与JS的交互
- WKWebView 与JS的交互
- wkwebview与js的交互
- iOS WKWebView 与 js 交互
- iOS WKWebView与JS交互
- JS与Native交互
- JS与NATIVE交互
- 欢迎使用CSDN-markdown编辑器
- com.fasterxml.jackson.databind.exc.UnrecognizedPropertyException
- redis数据库1-基础
- java异常体系
- 反射机制的概述和字节码对象的获取,通过反射获取构造方法并使用;通过反射获取成员变量并使用;通过反射获取私有成员变量并使用;通过反射获取成员方法并使用
- native与js交互(WKWebView )
- somCNS短信接口替换
- JDK7中SynchronousQueue源码解析
- Mybatis配置文件解析过程详解
- mybatis里使用JSONArray.fromObject()报错
- MXnet代码实战之多层感知机
- OpenCV boundingRect 与 boundingRect 用法
- 4. ubuntu php composer
- mongo常用命令