OC/Swift基础WKWebView的详解,使用(源码)

一直觉得自己写的不是技术&＃xff0c;而是情怀&＃xff0c;一个个的教程是自己这一路走来的痕迹。靠专业技能的成功是最具可复制性的&＃xff0c;希望我的这条路能让你们少走弯路&＃xff0c;希望我能帮你们抹去知识的蒙尘&＃xff0c;希望我能帮你们理清知识的脉络&＃xff0c;希望未来技术之巅上有你们也有我。

前言

网上很多这方面的资料都写的很好的&＃xff0c;例如下面的这个地址&＃xff1a;OC: WKWebView详解 然后自己也总结了一些自己再开发中遇到的问题&＃xff0c;顺便介绍一下WKWebView的属性和方法

正题

WKWebView新特性

在性能、稳定性、功能方面有很大提升&＃xff08;最直观的体现就是加载网页是占用的内存&＃xff09;&＃xff1b;
允许Javascript的Nitro库加载并使用&＃xff08;UIWebView中限制&＃xff09;&＃xff1b;
支持了更多的HTML5特性&＃xff1b;
高达60fps的滚动刷新率以及内置手势&＃xff1b;
将UIWebViewDelegate与UIWebView重构成了14类与3个协议 查看苹果官方文档&＃xff1b;

WebKit框架概览

WebKit框架中最核心的类应该属于WKWebView了&＃xff0c;这个类专门用来渲染网页视图&＃xff0c;其他类和协议都将基于它和服务于它。

WKWebView的属性

方法

/// 自定义初始化webView
- (instancetype)initWithFrame:(CGRect)frame configuration:(WKWebViewConfiguration *)configuration NS_DESIGNATED_INITIALIZER;
- (nullable instancetype)initWithCoder:(NSCoder *)coder NS_DESIGNATED_INITIALIZER;
/// url加载webView视图
- (nullable WKNavigation *)loadRequest:(NSURLRequest *)request;
/// 文件加载webView视图
- (nullable WKNavigation *)loadFileURL:(NSURL *)URL allowingReadAccessToURL:(NSURL *)readAccessURL API_AVAILABLE(macosx(10.11), ios(9.0));
/// HTMLString字符串加载webView视图
- (nullable WKNavigation *)loadHTMLString:(NSString *)string baseURL:(nullable NSURL *)baseURL;
/// NSData数据加载webView视图
- (nullable WKNavigation *)loadData:(NSData *)data MIMEType:(NSString *)MIMEType characterEncodingName:(NSString *)characterEncodingName baseURL:(NSURL *)baseURL API_AVAILABLE(macosx(10.11), ios(9.0));
/// 返回上一个网页节点
- (nullable WKNavigation *)goToBackForwardListItem:(WKBackForwardListItem *)item;
/// 返回到上一个网页
- (nullable WKNavigation *)goBack;
/// 前进到下一个网页
- (nullable WKNavigation *)goForward;
/// 重新加载
- (nullable WKNavigation *)reload;
/// 忽略缓存 重新加载
- (nullable WKNavigation *)reloadFromOrigin;
/// 停止加载
- (void)stopLoading;
/// 执行Javascript
- (void)evaluateJavascript:(NSString *)JavascriptString completionHandler:(void (^ _Nullable)(_Nullable id, NSError * _Nullable error))completionHandler;
/// 据设置的缩放因子来缩放页面&＃xff0c;并居中显示结果在指定的点
- (void)setMagnification:(CGFloat)magnification centeredAtPoint:(CGPoint)point;


WKWebView的使用

简单使用&＃xff0c;直接加载url地址

WKWebView *webView &＃61; [[WKWebView alloc] initWithFrame:self.view.bounds];
[webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:&＃64;"https://developer.apple.com/reference/webkit"]]];
[self.view addSubview:webView];


自定义配置
再WKWebView里面注册供JS调用的方法&＃xff0c;是通过WKUserContentController类下面的方法&＃xff1a;

// 创建配置
WKWebViewConfiguration *config &＃61; [[WKWebViewConfiguration alloc] init];
// 创建UserContentController&＃xff08;提供Javascript向webView发送消息的方法&＃xff09;
WKUserContentController* userContent &＃61; [[WKUserContentController alloc] init];
// 添加消息处理&＃xff0c;注意&＃xff1a;self指代的对象需要遵守WKScriptMessageHandler协议&＃xff0c;结束时需要移除
[userContent addScriptMessageHandler:self name:&＃64;"NativeMethod"];
// 将UserConttentController设置到配置文件
config.userContentController &＃61; userContent;
// 高端的自定义配置创建WKWebView
WKWebView *webView &＃61; [[WKWebView alloc] initWithFrame:[UIScreen mainScreen].bounds configuration:config];
// 设置访问的URL
NSURL *url &＃61; [NSURL URLWithString:&＃64;"https://developer.apple.com/reference/webkit"];
NSURLRequest *request &＃61; [NSURLRequest requestWithURL:url];
[webView loadRequest:request];
[self.view addSubview:webView];


实现WKScriptMessageHandler协议方法

- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message {
　　// 判断是否是调用原生的
if ([&＃64;"NativeMethod" isEqualToString:message.name]) {
　　 // 判断message的内容&＃xff0c;然后做相应的操作
　　if ([&＃64;"close" isEqualToString:message.body]) {
　　}
}
}


WKNavigationDelegate代理方法

typedef NS_ENUM(NSInteger, WKNavigationActionPolicy) {
WKNavigationActionPolicyCancel, // 取消跳转
WKNavigationActionPolicyAllow, // 允许跳转
} API_AVAILABLE(macosx(10.10), ios(8.0));


// 1 在发送请求之前&＃xff0c;决定是否跳转
- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler {
NSLog(&＃64;"1-------在发送请求之前&＃xff0c;决定是否跳转 -->%&＃64;",navigationAction.request);
decisionHandler(WKNavigationActionPolicyAllow);
}
// 2 页面开始加载时调用
- (void)webView:(WKWebView *)webView didStartProvisionalNavigation:(WKNavigation *)navigation {
NSLog(&＃64;"2-------页面开始加载时调用");
}
// 3 在收到响应后&＃xff0c;决定是否跳转
- (void)webView:(WKWebView *)webView decidePolicyForNavigationResponse:(WKNavigationResponse *)navigationResponse decisionHandler:(void (^)(WKNavigationResponsePolicy))decisionHandler {
/// 在收到服务器的响应头&＃xff0c;根据response相关信息&＃xff0c;决定是否跳转。decisionHandler必须调用&＃xff0c;来决定是否跳转&＃xff0c;参数WKNavigationActionPolicyCancel取消跳转&＃xff0c;WKNavigationActionPolicyAllow允许跳转
NSLog(&＃64;"3-------在收到响应后&＃xff0c;决定是否跳转");
decisionHandler(WKNavigationResponsePolicyAllow);
}
// 4 当内容开始返回时调用
- (void)webView:(WKWebView *)webView didCommitNavigation:(WKNavigation *)navigation {
NSLog(&＃64;"4-------当内容开始返回时调用");
}
// 5 页面加载完成之后调用
- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation {
NSLog(&＃64;"5-------页面加载完成之后调用");
}
// 6 页面加载失败时调用
- (void)webView:(WKWebView *)webView didFailProvisionalNavigation:(WKNavigation *)navigation {
NSLog(&＃64;"6-------页面加载失败时调用");
}
// 接收到服务器跳转请求之后调用
- (void)webView:(WKWebView *)webView didReceiveServerRedirectForProvisionalNavigation:(WKNavigation *)navigation {
NSLog(&＃64;"-------接收到服务器跳转请求之后调用");
}
// 数据加载发生错误时调用
- (void)webView:(WKWebView *)webView didFailNavigation:(null_unspecified WKNavigation *)navigation withError:(NSError *)error {
NSLog(&＃64;"----数据加载发生错误时调用");
}
// 需要响应身份验证时调用 同样在block中需要传入用户身份凭证
- (void)webView:(WKWebView *)webView didReceiveAuthenticationChallenge:(NSURLAuthenticationChallenge *)challenge completionHandler:(void (^)(NSURLSessionAuthChallengeDisposition disposition, NSURLCredential * _Nullable credential))completionHandler {
//用户身份信息
NSLog(&＃64;"----需要响应身份验证时调用 同样在block中需要传入用户身份凭证");
NSURLCredential *newCred &＃61; [NSURLCredential credentialWithUser:&＃64;""
password:&＃64;""
persistence:NSURLCredentialPersistenceNone];
// 为 challenge 的发送方提供 credential
[[challenge sender] useCredential:newCred forAuthenticationChallenge:challenge];
completionHandler(NSURLSessionAuthChallengeUseCredential,newCred);
}
// 进程被终止时调用
- (void)webViewWebContentProcessDidTerminate:(WKWebView *)webView {
NSLog(&＃64;"----------进程被终止时调用");
}


OC 加载本地数据

OC-WKWebView(本地数据) 源码
本地数据加载方式一&＃xff1a;

[self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:&＃64;"Javascript" ofType:&＃64;"html"]]]];


本地数据加载方式二&＃xff1a;

NSString *text &＃61; &＃64;"

有些Html带有斜杠的&＃xff0c;注意使用分隔符

NSString *name &＃61; &＃64;"

\r\n\t点击个人中心-‘待发货’&＃xff0c;选择要退货退款的商品&＃xff0c;点击‘退货/退款’&＃xff0c;填写理由说明后提交申请&＃xff0c;等待售后人员处理\r\n\n\n \n\n\n \n\n\n\r\n\t\t提交申请后&＃xff0c;可在‘售后’中查看维权进度\r\n\t\n \n

OC 加载网络数据

OC-WKWebView(网络连接) 源码

[self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:&＃64;"http://www.baidu.com"]]];


Swift 加载本地数据

Swift-WKWebView(本地数据) 源码

webView.load(URLRequest(url: URL(fileURLWithPath: Bundle.main.path(forResource: "Javascript", ofType: "html") ?? "")))


Swift 加载网络数据

Swift-WKWebView(网络连接) 源码

guard let url &＃61; URL(string: "https://www.baidu.com") else { return }
let request &＃61; URLRequest(url: url)
webView.load(request)


经验

OC 技术 WKWebView新闻详情(源码)

OC 技术 UIWebView新闻详情

OC 技术 WKWebView OC跟JS JS跟OC交互(视频&＃43;源码)

OC 技术 商品详情WebView加载详情图片(代码&＃43;视频讲解)