iOS8新特性--WKWebView详解
2016-07-14 11:04
197 查看
iOS8以后,苹果推出了新框架Wekkit,提供了替换UIWebView的组件WKWebView。各种UIWebView的问题没有了,速度更快了,占用内存少了,一句话,WKWebView是App内部加载网页的最佳选择!
下面我们来看下WKWebView的特性:
在性能、稳定性、功能方面有很大提升(最直观的体现就是加载网页是占用的内存,模拟器加载百度与开源中国网站时,WKWebView占用23M,而UIWebView占用85M);
允许JavaScript的Nitro库加载并使用(UIWebView中限制);
支持了更多的HTML5特性;
高达60fps的滚动刷新率以及内置手势;
将UIWebViewDelegate与UIWebView重构成了14类与3个协议(查看苹果官方文档);
然后从以下几个方面说下WKWebView的基本用法:
加载网页
加载的状态回调
新的WKUIDelegate协议
动态加载并运行JS代码
webView 执行JS代码
JS调用App注册过的方法
以上对WKWebView的描述文字是我从某网站上摘抄的。
网上我也找过很多WKWebView的讲解,但是有关WKWebView的功能讲的不是很全面,尤其是JS交互这里更是不够详细,那么,下面我就来给大家详细讲解一下WKWebView的基本属性以及JS交互:
1、根据生成的WKUserScript对象,初始化WKWebViewConfiguration
2、WKWebView的创建(与UIWebView创建基本一样)
3、添加KVO监听
4、添加进度条
5、kvo监听
6、获取JS交互内容(H5传给原生界面)
7、WKWebView基本属性
8、JS交互(原生页面调用H5方法)
9、WKWebView的代理方法
demo下载地址:http://download.csdn.net/detail/u014762933/9575805
下面我们来看下WKWebView的特性:
在性能、稳定性、功能方面有很大提升(最直观的体现就是加载网页是占用的内存,模拟器加载百度与开源中国网站时,WKWebView占用23M,而UIWebView占用85M);
允许JavaScript的Nitro库加载并使用(UIWebView中限制);
支持了更多的HTML5特性;
高达60fps的滚动刷新率以及内置手势;
将UIWebViewDelegate与UIWebView重构成了14类与3个协议(查看苹果官方文档);
然后从以下几个方面说下WKWebView的基本用法:
加载网页
加载的状态回调
新的WKUIDelegate协议
动态加载并运行JS代码
webView 执行JS代码
JS调用App注册过的方法
以上对WKWebView的描述文字是我从某网站上摘抄的。
网上我也找过很多WKWebView的讲解,但是有关WKWebView的功能讲的不是很全面,尤其是JS交互这里更是不够详细,那么,下面我就来给大家详细讲解一下WKWebView的基本属性以及JS交互:
1、根据生成的WKUserScript对象,初始化WKWebViewConfiguration
//根据生成的WKUserScript对象,初始化WKWebViewConfiguration config=[WKWebViewConfiguration new]; [config.userContentController addScriptMessageHandler:self name:@"iosApp"];
2、WKWebView的创建(与UIWebView创建基本一样)
//初始化WKWebView self.dzWebView=[[WKWebView alloc]initWithFrame:CGRectMake(0,64+10,self.view.frame.size.width,self.view.frame.size.height-64-35-10) configuration:config]; self.dzWebView.navigationDelegate=self; self.dzWebView.UIDelegate=self; [self.view addSubview:self.dzWebView]; NSString *path =[[NSBundle mainBundle] pathForResource:@"dzzJs交互(iOS)" ofType:@"html"]; NSString *htmlStr=[NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil]; [self.dzWebView loadHTMLString:htmlStr baseURL:[NSURL URLWithString:path]];
3、添加KVO监听
// 添加KVO监听 [self.dzWebView addObserver:self forKeyPath:@"loading" options:NSKeyValueObservingOptionNew context:nil]; [self.dzWebView addObserver:self forKeyPath:@"title" options:NSKeyValueObservingOptionNew context:nil]; [self.dzWebView addObserver:self forKeyPath:@"estimatedProgress" options:NSKeyValueObservingOptionNew context:nil];
4、添加进度条
// 添加进入条 self.progressView = [[UIProgressView alloc] init]; self.progressView.frame = CGRectMake(0,64, 320, 10); [self.view addSubview:self.progressView]; self.progressView.backgroundColor = [UIColor redColor];
5、kvo监听
#pragma mark - KVO -(void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSString *,id> *)change context:(void *)context{ if ([keyPath isEqualToString:@"loading"]) { NSLog(@"loading"); } else if ([keyPath isEqualToString:@"title"]) { self.title = self.dzWebView.title; } else if ([keyPath isEqualToString:@"estimatedProgress"]) { self.progressView.progress = self.dzWebView.estimatedProgress; } // 加载完成 if (!self.dzWebView.loading) { [UIView animateWithDuration:0.5 animations:^{ self.progressView.alpha = 0; }]; } }
6、获取JS交互内容(H5传给原生界面)
//获取js传给iOS的参数 -(void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message{ NSDictionary *dict=message.body; NSLog(@">>%@",dict); UIAlertController *alertController=[UIAlertController alertControllerWithTitle:[NSString stringWithFormat:@"%@",dict] message:nil preferredStyle:UIAlertControllerStyleAlert]; [alertController addAction:[UIAlertAction actionWithTitle:@"确定" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) { }]]; [self presentViewController:alertController animated:YES completion:^{}]; }
7、WKWebView基本属性
//关闭页面 [self.navigationController popViewControllerAnimated:YES]; // 后退 // 判断是否可以后退 if (self.dzWebView.canGoBack) { [self.dzWebView goBack]; } // 前进 // 判断是否可以前进 if (self.dzWebView.canGoForward) { [self.dzWebView goForward]; } //刷新 //这个是带缓存的验证 // [self.dzWebView reloadFromOrigin]; // 是不带缓存的验证,刷新当前页面 [self.dzWebView reload]; //停止载入 [self.dzWebView stopLoading]; //返回指定页面 if (self.dzWebView.backForwardList.backList.count >1) { [self.dzWebView goToBackForwardListItem:self.dzWebView.backForwardList.backList[1]]; }
8、JS交互(原生页面调用H5方法)
//js方法名+参数 NSString* jsCode = @"executeJS()"; [self.dzWebView evaluateJavaScript:jsCode completionHandler:^(id object, NSError * error) { NSLog(@"111111111"); }];
9、WKWebView的代理方法
#pragma mark WKNavigationDelegate //类似UIWebView的-webViewDidStartLoad:页面开始加载时调用 -(void)webView:(WKWebView *)webView didStartProvisionalNavigation:(WKNavigation *)navigation{ [UIApplication sharedApplication].networkActivityIndicatorVisible=YES; } //类似UIWebView的-webViewDidFinishLoad:页面加载完成时调用 -(void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation{ } //类似UIWebView的-webView:didFailLoadWithError:页面加载失败时调用 -(void)webView:(WKWebView *)webView didFailProvisionalNavigation:(WKNavigation *)navigation withError:(NSError *)error{ NSLog(@"%@",error); } // 当内容开始返回时调用 -(void)webView:(WKWebView *)webView didCommitNavigation:(WKNavigation *)navigation{ } //类似UIWebView的-webView:shouldStartLoadWithRequest:navigationType:在发送请求之前,决定是否跳转 -(void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler{ // NSLog(@"%@",navigationAction.request); // NSString *url=[navigationAction.request.URL.absoluteString stringByReplacingPercentEscapesUsingEncoding:NSUTF8StringEncoding]; // NSLog(@">>>>%@",url); self.progressView.alpha = 1.0; decisionHandler(WKNavigationActionPolicyAllow); } //接收到服务器跳转请求之后调用 - (void)webView:(WKWebView *)webView didReceiveServerRedirectForProvisionalNavigation:(WKNavigation *)navigation{ } // 在收到响应后,决定是否跳转 - (void)webView:(WKWebView *)webView decidePolicyForNavigationResponse:(WKNavigationResponse *)navigationResponse decisionHandler:(void (^)(WKNavigationResponsePolicy))decisionHandler{ decisionHandler(WKNavigationResponsePolicyAllow); } #pragma mark WKUIDelegate /*以下三个代理方法全都是与界面弹出提示框相关的(H5自带的这三张弹出框早iOS中不能使用,需要通过以下三种方法来实现),针对于web界面的三种提示框(警告框、确认框、输入框)分别对应三种代理方法*/ -(void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(void))completionHandler{ //js里面的alert实现,如果不实现,网页的alert函数无效 UIAlertController *alertController=[UIAlertController alertControllerWithTitle:message message:nil preferredStyle:UIAlertControllerStyleAlert]; [alertController addAction:[UIAlertAction actionWithTitle:@"确定" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) { completionHandler(); }]]; [self presentViewController:alertController animated:YES completion:^{}]; } - (void)webView:(WKWebView *)webView runJavaScriptConfirmPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(BOOL))completionHandler { // js 里面的alert实现,如果不实现,网页的alert函数无效 , UIAlertController *alertController=[UIAlertController alertControllerWithTitle:message message:nil preferredStyle:UIAlertControllerStyleAlert]; [alertController addAction:[UIAlertAction actionWithTitle:@"确定" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) { completionHandler(YES); }]]; [alertController addAction:[UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) { completionHandler(NO); }]]; [self presentViewController:alertController animated:YES completion:^{}]; } -(void)webView:(WKWebView *)webView runJavaScriptTextInputPanelWithPrompt:(NSString *)prompt defaultText:(NSString *)defaultText initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(NSString * _Nullable))completionHandler{ //js里的输入框实现,如果不实现,网页的输入框无效 completionHandler(@"Client Not handler"); }
demo下载地址:http://download.csdn.net/detail/u014762933/9575805
相关文章推荐
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 评价ui设计作品好坏的八个标准(界面/交互设计研究)
- 不可修补的 iOS 漏洞可能导致 iPhone 4s 到 iPhone X 永久越狱
- iOS 12.4 系统遭黑客破解,漏洞危及数百万用户
- 每日安全资讯:NSO,一家专业入侵 iPhone 的神秘公司
- [转][源代码]Comex公布JailbreakMe 3.0源代码
- Lua和C语言的交互详解
- 简单谈谈lua和c的交互
- JQuery与iframe交互实现代码
- Ajax中浏览器和服务器交互详解
- C#实现窗体与子线程的交互的方法
- C#和JavaScript实现交互的方法
- 让 Asp 与 XML 交互
- 基于HTML模板和JSON数据的JavaScript交互(移动端)
- 用JavaScript脚本实现Web页面信息交互
- Javascript iframe交互并兼容各种浏览器的解决方法
- Ajax简单的异步交互及Ajax原生编写
- Ajax()方法如何与后台交互