iOS下OC与JS的交互(WKWebview-MessageHandler实现)

在开发过程中,iOS 中实现加载 web 页面主要有两种控件,UIWebView 和 WKWebview,两种控件对应具体的实现方法不同。WKWebView是苹果公司在iOS8系统推出的,这里我们主要概述WebKit中更新的WKWebView控件的新特性与使用方法。

一、 WKWebView的代理方法

WKNavigationDelegate

该代理提供的方法,可以用来追踪加载过程(页面开始加载、加载完成、加载失败)、决定是否执行跳转。



页面跳转的代理方法有三种,分为(收到跳转与决定是否跳转两种):


2.WKUIDelegate



下面代理方法全都是与界面弹出提示框相关的,针对于web界面的三种提示框(警告框、确认框、输入框)分别对应三种代理方法。下面只列举了警告框的方法。


3.WKScriptMessageHandler


四、WKWebView加载JS


在这里我还是要推荐下我自己建的iOS开发学习群:680565220,群里都是学ios开发的,如果你正在学习ios ,小编欢迎你加入,今天分享的这个案例已经上传到群文件,大家都是软件开发党,不定期分享干货(只有iOS软件开发相关的),包括我自己整理的一份2018最新的iOS进阶资料和高级开发教程

下面开始进入正题

1.首先需要引入WebKit库#import

2.MessageHandler

创建WKWebViewConfiguration,配置各个API对应的MessageHandler


3.创建WKWebView

//loadFileURL方法通常用于加载服务器的HTML页面或者JS,而loadHTMLString通常用于加载本地HTML或者JS


4.实现协议方法


WKScriptMessage有两个关键属性name 和 body。因为我们给每一个OC方法取了一个name,所以就可以根据name 来区分执行不同的方法。body 中存着JS 要给OC 传的参数。


4.HTML文件中JS调用代码


这是按钮调用

回调展示区

代码解释:


这样在代理方法里面实现相应本地原生方法的代码,就完成了JS调用OC本地的过程。

5.OC调用JS


代码解释:

通过 -evaluateJavaScript:completionHandler:实现OC调用JS,跟JavaScriptCore中的evaluateScript方法类似。

效果图:

点击分享按钮


屏幕快照 2016-10-13 下午2.56.37.png

点击相机按钮


屏幕快照 2016-10-13 下午2.57.20.png


屏幕快照 2016-10-13 下午2.57.35.png

总结:

WKWebView新特性


WKWebview-MessageHandler 、WebViewJavaScriptBridge、JavaScriptCore优缺点


猜你喜欢

转载自blog.csdn.net/qq_41597941/article/details/80860607