现在我们的app都需要使用WKWebview来加载h5页面了,但是使用过程中有些细节需要注意,通过本篇文章可以让大家更加完善的了解WKWebview的使用。
iOS8.0之后我们可以使用WebKit框架中的WKWebView来加载网页,WKWebView可将网页处理限制在App的网页视图中,从而确保不安全的网站内容不会影响到App的其他部分,并且苹果表示2020年12月起将不再接受使用UIWebView的App更新,因此我对WKWebView的使用方法及在使用WKWebView的过程中遇到的问题进行了总结。
首先WKWebView的优点很多了,内存开销比UIWebView小很多,支持了更多的HTML5特性,流程粒度上更加细致,可以在请求时候询问是否请求数据还可以在返回数据后询问是否加载数据,在返回错误时候也更加细致。
![0a5dd8390e3bbb6cc509ede59a85501c.gif](https://img-blog.csdnimg.cn/img_convert/0a5dd8390e3bbb6cc509ede59a85501c.gif)
WKWebView的创建
1.创建WKwebview
- (WKWebView *)webView {
if (_webView) {
return _webView;
}
WKUserContentController *userContentController = [[WKUserContentController alloc] init];
[userContentController addScriptMessageHandler:[[WKWeakScriptMessageDelegate alloc] initWithDelegate:self] name:@"jsCallOC"];
WKWebViewConfiguration* webViewConfig = [[WKWebViewConfiguration alloc] init];
webViewConfig.userContentController = userContentController;
webViewConfig.processPool = [[self cookieManager] sharedProcessPool];
webViewConfig.allowsInlineMediaPlayback = true;
_webView = [[WKWebView alloc] initWithFrame:CGRectMake(0,
CGRectGetHeight(self.iTopBar.frame),
self.view.bounds.size.width,
(self.view.bounds.size.height - CGRectGetHeight(self.iTopBar.frame))) configuration:webViewConfig];
_webView.backgroundColor = [UIColor whiteColor];
_webView.scrollView.backgroundColor = [UIColor blackColor];
_webView.opaque = NO;
_webView.scrollView.showsHorizontalScrollIndicator = NO;
_webView.scrollView.showsVerticalScrollIndicator = NO;
_webView.opaque = NO;
_webView.autoresizingMask = UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth;
_webView.scrollView.bounces = !self.disableBounces;
_webView.UIDelegate = self;
_webView.navigationDelegate = self;
return _webView;
}
其中:
- WKWebViewConfiguration 用来添加WKWebView的一些配置信息,包括交互的userContentController,进程池processPool及一些其他的属性
- WKUserContentController 这个类主要用处理JavaScript向webview发送消息的交互,addScriptMessageHandler方法注册了一个名为jsCallOC的方法用来和H5进行交互,具体的交互的方法名可以两端统一即可
- webViewConfig.allowsInlineMediaPlayback = YES;这个属性是支持视频页面内播放,这里注意下,不设置这个属性会导致页面内的视频都是打开视频播放器全屏播放的,使用UIWebview时候没有这个问题,所以提醒大家在使用WKWebview时候注意一下
![0a5dd8390e3bbb6cc509ede59a85501c.gif](https://img-blog.csdnimg.cn/img_convert/0a5dd8390e3bbb6cc509ede59a85501c.gif)
WKWebview的