准备工作
· 导入框架
WebKit.framework
· 导入头文件
<WebKit/WebKit.h>
· 创建WKWebView对象，并添加到控制器的view上
//创建WKWebView
WKWebView *webView = [[WKWebView alloc]init];
// 设置位置和尺寸
webView.frame = self.view.bounds;
// 添加到控制器的view上
[self.viewaddSubview:webView];
· 加载网页文件
//网页文件全路径
NSString*filePath = [[NSBundle mainBundle] pathForResource:@"help.html" ofType:nil];
// 创建URL对象：指定要加载资源的路径
NSURL *URL = [NSURL fileURLWithPath:filePath];
// 创建请求对象
NSURLRequest *request = [NSURLRequest requestWithURL:URL];
// 加载网页文件
[webView loadRequest:request];
· 监听网页加载过程：通过设置代理，实现对应的代理方法
// 设置导航代理
webView.navigationDelegate = self;
· 导航代理常用方法如下
#pragma mark - WKNavigationDelegate 代理方法
/**
* 每当加载一个请求之前会调用该方法，通过该方法决定是否允许或取消请求的发送
*
* @param navigationAction 导航动作对象
* @param decisionHandler 请求处理的决定
*/
- (void)webView:(WKWebView*)webView decidePolicyForNavigationAction:(WKNavigationAction*)navigationAction decisionHandler:(void(^)(WKNavigationActionPolicy))decisionHandler{
// 获得协议头(可以自定义协议头，根据协议头判断是否要执行跳转)
NSString *scheme = navigationAction.request.URL.scheme;
if ([scheme isEqualToString:@"itheima"]) {
// decisionHandler 对请求处理回调
//WKNavigationActionPolicyCancel:取消请求
//WKNavigationActionPolicyAllow:允许请求
decisionHandler(WKNavigationActionPolicyCancel);
return;
}
decisionHandler(WKNavigationActionPolicyAllow);
}
/**
* 当开始发送请求时调用
*/
- (void)webView:(WKWebView*)webView didStartProvisionalNavigation:(null_unspecifiedWKNavigation *)navigation {
NSLog(@"%s", __FUNCTION__);
}
/**
* 当请求过程中出现错误时调用
*/
- (void)webView:(WKWebView*)webView didFailNavigation:(WKNavigation*)navigation withError:(NSError *)error {
NSLog(@"%@= %s",error, __FUNCTION__);
}
/**
* 当开始发送请求时出错调用
*/
- (void)webView:(WKWebView*)webView didFailProvisionalNavigation:(WKNavigation*)navigation withError:(NSError *)error {
NSLog(@"%@= %s",error, __FUNCTION__);
}
/**
* 每当接收到服务器返回的数据时调用，通过该方法可以决定是否允许或取消导航
*/
- (void)webView:(WKWebView*)webView decidePolicyForNavigationResponse:(WKNavigationResponse*)navigationResponse decisionHandler:(void(^)(WKNavigationResponsePolicy))decisionHandler{
//decisionHandler 对响应的处理
//WKNavigationActionPolicyCancel:取消响应
//WKNavigationActionPolicyAllow:允许响应
decisionHandler(WKNavigationResponsePolicyAllow);
}
/**
* 当收到服务器返回的受保护空间(证书)时调用
* @param challenge 安全质询-->包含受保护空间和证书
* @param completionHandler 完成回调-->告诉服务器如何处置证书
*/
- (void)webView:(WKWebView*)webView didReceiveAuthenticationChallenge:(NSURLAuthenticationChallenge*)challenge completionHandler:(void (^)(NSURLSessionAuthChallengeDisposition disposition, NSURLCredential *__nullablecredential))completionHandler {
// 创建凭据对象
NSURLCredential *credential = [NSURLCredential credentialForTrust:challenge.protectionSpace.serverTrust];
// 告诉服务器信任证书
completionHandler(NSURLSessionAuthChallengeUseCredential,credential);
}
/**
* 当网页加载完毕时调用：该方法使用最频繁
*/
- (void)webView:(WKWebView*)webView didFinishNavigation:(null_unspecifiedWKNavigation *)navigation {
// js 代码
NSString*jsCode = [NSString stringWithFormat:@"window.location.href='#howtorecharge'"];
// 可以在这个方法执行JS代码
[webView evaluateJavaScript:jsCode completionHandler:^(id_Nullable result, NSError* _Nullable error) {
NSLog(@"执行完毕JS代码");
}];
}
· 监听网页加载的进度并获得进度值
// 使用KVO监听网页加载进度
[webView addObserver:self forKeyPath:@"estimatedProgress" options:NSKeyValueObservingOptionNew context:nil];
// KVO回调方法- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary*)change context:(void *)context{
// 获得进度值
CGFloat progress = [change[NSKeyValueChangeNewKey] floatValue];
// 显示进度
.....
}
// 移除KVO
[self.webViewremoveObserver:self forKeyPath:@"estimatedProgress"];
· 修改网页字体大小：创建 WKWebView 对象时使用一个配置对象初始化
//创建网页配置对象
WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];
// 创建设置对象
WKPreferences *preference = [[WKPreferences alloc]init];
// 设置字体大小(最小的字体大小)
preference.minimumFontSize = 40;
// 设置偏好设置对象
config.preferences = preference;
// 创建WKWebView
WKWebView *webView = [[WKWebView alloc]initWithFrame:self.view.bounds configuration:config];
· html文件被放大了，没有适应手机屏幕，调了js处理：
NSString *js_fit_code = [NSString stringWithFormat:
@"var meta = document.createElement('meta');"
"meta.name = 'viewport';"
"meta.content = 'width=device-width, initial-scale=1.0,minimum-scale=0.1, maximum-scale=2.0, user-scalable=yes';"
"document.getElementsByTagName('head')[0].appendChild(meta);"];
[webView stringByEvaluatingJavaScriptFromString:js_fit_code];
