整理了一些App与Web交互的方法,方便自己使用和别人查看
一、WKWebView
由于Xcode8发布之后，编译器开始不支持iOS 7了，这样我们的app也改为最低支持iOS8.0，既然需要与web交互，那自然也就选择使用了iOS 8.0之后才推出的新控件WKWebView.
相比与UIWebView, WKWebView存在很多优势：
支持更多的HTML5*的特性
*在性能、稳定性方面有很大提升占用内存更少
协议方法及功能都更细致
*可获取加载进度等。
二、WKWebView用法简介
注：这里只简单介绍WKWebView基础用法，其他具体详细用法详见官方文档
需要引入WebKit
#import
实例化
- (instancetype)initWithFrame:(CGRect)frame configuration:(WKWebViewConfiguration *)configuration ;
加载HTML页面
WKWebViewConfiguration *config =[[WKWebView Configuration alloc]init];
WKWebView *webView = [[WKWebView alloc]initWithFrame:self.view.bounds configuration:config];
NSURLRequest *request = [[NSURLRequest alloc]initWithURL:[NSURL URLWithString:@"https://www.baidu.com"]];
[webView loadRequest:request];
[self.view addSubview:webView];
这里只需loadRequest即可
与UIWebView使用相同，下面简单介绍一下两个常用的代理
三、WKWebView代理
WKWebView有两个代理：
@property (nullable, nonatomic, weak) id navigationDelegate;
@property(nullable, nonatomic, weak) id UIDelegate;
WKNavigationDelegate协议
WKNavigationDelegate主要处理页面跳转相关事件
//判断链接是否允许跳转
- (void)webView:(WKWebView *)webViewdecidePolicyForNavigationAction:(WKNavigationAction *)navigationActiondecisionHandler:(void(^)(WKNavigationActionPolicy))decisionHandler;
//拿到响应后决定是否允许跳转
- (void)webView:(WKWebView *)webViewdecidePolicyForNavigationResponse:(WKNavigationResponse *)navigationResponsedecisionHandler:(void(^)(WKNavigationResponsePolicy))decisionHandler;
//链接开始加载时调用
- (void)webView:(WKWebView *)webViewdidStartProvisionalNavigation:(null_unspecified WKNavigation *)navigation;
//收到服务器重定向时调用
- (void)webView:(WKWebView *)webViewdidReceiveServerRedirectForProvisionalNavigation:(null_unspecified WKNavigation*)navigation;
//加载错误时调用
- (void)webView:(WKWebView *)webViewdidFailProvisionalNavigation:(null_unspecified WKNavigation *)navigationwithError:(NSError *)error;
//当内容开始到达主帧时被调用（即将完成）
- (void)webView:(WKWebView *)webView didCommitNavigation:(null_unspecified WKNavigation*)navigation;
//加载完成
- (void)webView:(WKWebView *)webViewdidFinishNavigation:(null_unspecified WKNavigation *)navigation;
//在提交的主帧中发生错误时调用
- (void)webView:(WKWebView *)webView didFailNavigation:(null_unspecifiedWKNavigation *)navigation withError:(NSError *)error;
//当webView需要响应身份验证时调用(如需验证服务器证书)
- (void)webView:(WKWebView *)webViewdidReceiveAuthenticationChallenge:(NSURLAuthenticationChallenge *)challengecompletionHandler:(void(^)(NSURLSessionAuthChallengeDisposition disposition,NSURLCredential * _Nullable credential))completionHandler;
//当webView的web内容进程被终止时调用。(iOS 9.0之后)
- (void)webViewWebContentProcessDidTerminate:(WKWebView *)webView ;
WKUIDelegate协议
WKUIDelegate主要处理一些页面上的事件，如警告框、对话框等。
常用的方法：
//接收到警告面板
- (void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage:(NSString*)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void(^)(void))completionHandler;
//接收到确认面板
- (void)webView:(WKWebView *)webViewrunJavaScriptConfirmPanelWithMessage:(NSString
*)messageinitiatedByFrame:(WKFrameInfo *)frame completionHandler:(void(^)(BOOLresult))completionHandler;
//接收到输入框
- (void)webView:(WKWebView *)webView runJavaScriptTextInputPanelWithPrompt:(NSString*)prompt defaultText:(nullable NSString *)defaultTextinitiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(NSString *_Nullable result))completionHandler;
四、WKWebView与JS的交互
交互方式
iOS 8.0之前
用UIWebView时，只能OC调用JS代码，但JS是无法直接调用OC代码，需要通过约定特殊请求，并通过UIWebView的协议方法拦截请求的方式来实现JS对OC的调用。
但使用WKWebView就方便的多，可以直接添加对约定的ScriptMessage（直译为脚本信息，本文暂定为JS事件）的监听，即可实现JS调用OC。
所有的操作都是通过WKUserContentController来处理的
如何获取WKUserContentController
WKUserContentController是WKWebViewConfiguration的属性,
而WKWebViewConfiguration是WKWebView的属性（也就是在WKWebView实例化的时候传入的configuration）
WKUserContentController*conntentController = self.webView.configuration.userContentController;
下面将详细介绍WKUserContentController。
五、WKUserContentController & JS调用OC
@interface WKUserContentController : NSObject
WKUserContentController提供了JavaScript给Web view发消息的途径
相关方法介绍
//添加ScriptMessage（JS事件）和处理者
-(void)addScriptMessageHandler:(id)scriptMessageHandler name:(NSString *)name;
//移除指定ScriptMessage（JS事件）监听
- (void)removeScriptMessageHandlerForName:(NSString*)name;
JS调用OC
ScriptMessage（JS事件）的添加删除
首先在JS代码中加入对事先约定好的ScriptMessage（JS事件）的调用
window.webkit.messageHandlers.<事件名>.postMessage(需要传递的数据)
同时OC端则需要加入对此JS事件的监听
例如：传递一个名为@"closeWindow"的消息
window.webkit.messageHandlers.closeWindow.postMessage()
OC端添加一个名为@"closeWindow"的JS的监听
[conntentControlleraddScriptMessageHandler:self name:@"closeWindow"];
这里就添加了对@"closeWindow"的监听。但是当截获此JS事件的时候需要作何处理，则需要在对应的协议方法中实现，则scriptMessageHandler需要实现协议WKScriptMessageHandler
会在稍后介绍。
移除对一个名为@"closeWindow"的JS事件的监听
[conntentControllerremoveScriptMessageHandlerForName:@"closeWindow"];
WKScriptMessageHandler协议
//当接收到一个ScriptMessage（JS事件）时调用
-(void)userContentController:(WKUserContentController *)userContentControllerdidReceiveScriptMessage:(WKScriptMessage *)message;
例如：处理名为@"closeWindow"的事件
-(void)userContentController:(WKUserContentController *)userContentControllerdidReceiveScriptMessage:(WKScriptMessage *)message
{
//message.name为ScriptMessage的名称
if([message.name isEqualToString:@"closeWindow"]) {
//做处理do something
//message.body为此ScriptMessage传递的消息内容
}
}
六、OC调用JS
与UIWebView一样WKWebView可直接调用JS方法
WKWebView方法
-
(void)evaluateJavaScript:(NSString*)javaScriptString
completionHandler:(void (^ _Nullable)(_Nullable id, NSError* _Nullable
error))completionHandler;
同样需要事先得知JS端的方法名和对应操作的key值
例如：
通知web某处理完成
约定的JS函数名为function，需要执行一个约定好的操作名为action，则调用如下
[self.webViewevaluateJavaScript:@"function('action')" completionHandler:nil];
七、同步标题
有的时候WKWebView所在UIViewController（视图控制器）是存在UINavigationController导航控制器的,这时可能需要根据跳转的网页而变化标题，这时只需要KVO WKWebView的
title即可，并将最新的title赋值给UIViewController的
title即可。
[self.webViewaddObserver:self forKeyPath:@"title" options:NSKeyValueObservingOptionNewcontext:NULL];
-(void)observeValueForKeyPath:(nullable
NSString *)keyPath ofObject:(nullableid)object change:(nullable
NSDictionary *)changecontext:(nullable void *)context
{
if([keyPath isEqualToString:@"title"]){
self.navigationItem.title =self.webView.title;
}
}
网友评论