iOS开发中的WKWebView与JS的交互

最新推荐文章于 2021-12-07 14:47:44 发布

梁森森

最新推荐文章于 2021-12-07 14:47:44 发布

阅读量3.9k

点赞数

分类专栏： iOS开发

本文链接：https://blog.csdn.net/u010105969/article/details/53541088

版权

iOS开发专栏收录该内容

102 篇文章 0 订阅

订阅专栏

之前已经写过一个篇OC与JS交互的博客了（博客地址：http://blog.csdn.net/u010105969/article/details/53189934），可当时用来展示网页的控件是UIWebView，而在iOS8之后苹果推出了WKWebView，此控件也能用来显示网页，可与JS的交互却与UIWebView有所不同。

JS代码：

（贴下判断iOS还是安卓的代码：

 
 var 
 u = navigator.userAgent; 

 
 var 
 isAndroid = u.indexOf( 
 'Android' 
 ) > -1 || u.indexOf( 
 'Adr' 
 ) > -1;  
 //android终端 

 
 var 
 isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);  
 //ios终端 

 
 alert( 
 '是否是Android：' 
 +isAndroid); 

 
 alert( 
 '是否是iOS：' 
 +isiOS); 

if(isAcdroid){

}else if(isiOS){

}

）

<!DOCTYPE html>

<html>

<head>

* {

font-size:40px;

}

</style>

</head>

<body>

<h1>Test how to use objective-c call js</h1><br/>

<br/>

</div>

<br/>

<div>

<div>Click me here:<ahref="http://www.baidu.com">Jump to Baidu</a></div>

</div>

<br/>

</div>

function callJsAlert() {

alert('Objective-C call js to show alert');

}

function callAbc1() {

alert('liangsen...');

// window.webkit.messageHandlers.AppModel.postMessage({body: 'call js alert in js'});

}

function callAbc2() {

nslog('22222...');

// window.webkit.messageHandlers.AppModel.postMessage({body: 'call js alert in js'});

}

function callJsConfirm() {

if (confirm('confirm','Objective-C call js to show confirm')) {

document.getElementById('jsParamFuncSpan').innerHTML

= 'true';

} else {

document.getElementById('jsParamFuncSpan').innerHTML

= 'false';

}

// AppModel是我们所注入的对象

// window.webkit.messageHandlers.AppModel.postMessage({body: 'call js confirm in js'});

}

function callJsInput() {

var response = prompt('Hello','Please input your name:');

document.getElementById('jsParamFuncSpan').innerHTML = response;

// AppModel是我们所注入的对象

// window.webkit.messageHandlers.AppModel.postMessage({body: response});

}

</script>

</body>

</html>

效果图：

在点击前三个按钮的时候会调用方法：

// 警告框

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

completionHandler();

NSLog(@"3-----%@",message);

}

输出的message就是JS传递给我们的数据。

如果点击第四个conform按钮会调用方法：

// 确认框

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

completionHandler(YES);

NSLog(@"-----%@",message);

}

输出的message就是JS传递给我们的数据。

如果点击最后一个input按钮会调用方法：

// 输入框

- (void)webView:(WKWebView *)webView runJavaScriptTextInputPanelWithPrompt:(NSString *)prompt defaultText:(nullableNSString *)defaultText initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(NSString *__nullable result))completionHandler{