在开发过程中,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优缺点