OC与JS交互-WKWebView篇

发布网友发布时间：2023-02-08 14:52

共1个回答

热心网友时间：2024-11-18 21:35

oc 跟 js 端协议好方法名比如 js 的方法为 Back()

1.oc 对 js 的方法进行监听

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

2.oc 设置代理并且导入代理

<WKUIDelegate,WKNavigationDelegate,WKScriptMessageHandler>

self.webView.UIDelegate = self;

self.webView.navigationDelegate = self;

3.实现代理

- (void)userContentController:(WKUserContentController*)userContentController didReceiveScriptMessage:(WKScriptMessage*)message;

4.离开页面的时候移除监听

[config.userContentController removeScriptMessageHandlerForName:@"Back"];

1.创建按钮并且实现按钮的回调

<input type="button" value="返回按钮" onclick="backClick()" />

2.按钮的响应方法中添加发送消息到 OC (可以携带参数)

functionbackClick() {window.webkit.messageHandlers.Back.postMessage('固定写的 js 值-->点击了返回');}

1.OC 添加对 JS 的消息监听,实现代理对监听的实现方法。

2.JS 端在合适的时机发送消息,并且可以携带参数。

js 跟 oc 端协议好方法名比如 js 的方法为 transferPrama(str)

//oc 在合适的时机调用 js 方法(可以传参数)

NSString* paramString =@"我是 OC 调用 JS";

NSString* jsStr = [NSStringstringWithFormat:@"transferPrama('%@')",paramString];

[self.webView evaluateJavaScript:jsStr completionHandler:^(id _Nullable result, NSError * _Nullable error) {NSLog(@"result=%@ error=%@",result, error);}];

//js需要定义一个对应的方法供 OC 调用

functiontransferPrama(str) {

document.getElementById("secondid").value = str;

}

- (void)userContentController:(WKUserContentController*)userContentController didReceiveScriptMessage:(WKScriptMessage*)message

- (void)evaluateJavaScript:(NSString*)javaScriptString completionHandler:(void(^_Nullable)(_Nullableid,NSError*_Nullableerror))completionHandler;

愤怒的牛牛的

愤怒的牛牛的新浪博客

愤怒的牛牛的GitHub