一、WKWebView Framework
WKWebView的14個類與3個協(xié)議：
WKBackForwardList:之前訪問過的web頁面的列表，可以通過后退和前進動作來訪問到。
WKBackForwardListItem: webview中后退列表里的某一個網(wǎng)頁。
WKFrameInfo:包含一個網(wǎng)頁的布局信息。
WKNavigation:包含一個網(wǎng)頁的加載進度信息。
WKNavigationAction:包含可能讓網(wǎng)頁導(dǎo)航變化的信息，用于判斷是否做出導(dǎo)航變化。
WKNavigationResponse:包含可能讓網(wǎng)頁導(dǎo)航變化的返回內(nèi)容信息，用于判斷是否做出導(dǎo)航變化。
WKPreferences:概括一個webview的偏好設(shè)置。
WKProcessPool:表示一個web內(nèi)容加載池。
WKUserContentController:提供使用JavaScript post信息和注射script的方法。
WKScriptMessage:包含網(wǎng)頁發(fā)出的信息。
WKUserScript:表示可以被網(wǎng)頁接受的用戶腳本。
WKWebViewConfiguration:初始化webview的設(shè)置。
WKWindowFeatures:指定加載新網(wǎng)頁時的窗口屬性。
WKWebsiteDataStore:包含網(wǎng)頁數(shù)據(jù)存儲和查找。
WKNavigationDelegate:?提供了追蹤主窗口網(wǎng)頁加載過程和判斷主窗口和子窗口是否進行頁面加載新頁面的相關(guān)方法。
WKUIDelegate:?提供用原生控件顯示網(wǎng)頁的方法回調(diào)。
WKScriptMessageHandler:?提供從網(wǎng)頁中收消息的回調(diào)方法。
二、WKWebView中的三個代理方法
1. WKNavigationDelegate
該代理提供的方法，可以用來追蹤加載過程（頁面開始加載、加載完成、加載失敗）、決定是否執(zhí)行跳轉(zhuǎn)。
// 頁面開始加載時調(diào)用
- (void)webView:(WKWebView *)webView didStartProvisionalNavigation:(WKNavigation *)navigation;
// 當內(nèi)容開始返回時調(diào)用
- (void)webView:(WKWebView *)webView didCommitNavigation:(WKNavigation *)navigation;
// 頁面加載完成之后調(diào)用
- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation;
// 頁面加載失敗時調(diào)用
- (void)webView:(WKWebView *)webView didFailProvisionalNavigation:(WKNavigation *)navigation;
頁面跳轉(zhuǎn)的代理方法有三種，分為（收到跳轉(zhuǎn)與決定是否跳轉(zhuǎn)兩種）
// 接收到服務(wù)器跳轉(zhuǎn)請求之后調(diào)用
- (void)webView:(WKWebView *)webView didReceiveServerRedirectForProvisionalNavigation:(WKNavigation *)navigation;
// 在收到響應(yīng)后，決定是否跳轉(zhuǎn)
- (void)webView:(WKWebView *)webView decidePolicyForNavigationResponse:(WKNavigationResponse *)navigationResponse decisionHandler:(void(^)(WKNavigationResponsePolicy))decisionHandler;
// 在發(fā)送請求之前，決定是否跳轉(zhuǎn)
- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void(^)(WKNavigationActionPolicy))decisionHandler;
2. WKUIDelegate
創(chuàng)建一個新的WKWebView
- (WKWebView *)webView:(WKWebView *)webView createWebViewWithConfiguration:(WKWebViewConfiguration *)configuration forNavigationAction:(WKNavigationAction *)navigationAction windowFeatures:(WKWindowFeatures *)windowFeatures;
剩下三個代理方法全都是與界面彈出提示框相關(guān)的，針對于web界面的三種提示框（警告框、確認框、輸入框）分別對應(yīng)三種代理方法。
// 界面彈出警告框
- (void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage:(NSString*)message initiatedByFrame:(void(^)())completionHandler;
// 界面彈出確認框
- (void)webView:(WKWebView *)webView runJavaScriptConfirmPanelWithMessage:(NSString*)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void(^)(BOOLresult))completionHandler;
// 界面彈出輸入框
- (void)webView:(WKWebView *)webView runJavaScriptTextInputPanelWithPrompt:(NSString*)prompt defaultText:(nullableNSString*)defaultText initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void(^)(NSString* __nullable result))completionHandler;
3. WKScriptMessageHandler
這個協(xié)議中包含一個必須實現(xiàn)的方法，這個方法是native與web端交互的關(guān)鍵，它可以直接將接收到的JS腳本轉(zhuǎn)為OC或Swift對象。
// 從web界面中接收到一個腳本時調(diào)用
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message;
三、使用WKWebView重寫
這里OC調(diào)用JS的時候是進行彈框處理，這里我在寫的時候，很郁悶，方法可以調(diào)用過去，但是唯獨js的alert方法調(diào)用沒有效果，所以這里采用了輸出到div的形式，并增加了一個clear按鈕
WKWebView不支持nib文件，所以這里需要使用代碼初始化并加載WebView
WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];
config.preferences.minimumFontSize = 18;
self.wkWebView = [[WKWebView alloc] initWithFrame:CGRectMake(0, 0,self.view.bounds.size.width,self.view.bounds.size.height/2) configuration:config];
[self.view addSubview:self.wkWebView];
NSString*filePath = [[NSBundlemainBundle] pathForResource:@"index"ofType:@"html"];
NSURL*baseURL = [[NSBundlemainBundle] bundleURL];
[self.wkWebView loadHTMLString:[NSStringstringWithContentsOfFile:filePath encoding:NSUTF8StringEncodingerror:nil] baseURL:baseURL];
OC端：
//1. JS調(diào)用OC 添加處理腳本
[user addScriptMessageHandler:self ?name:@"showName"];
// 在代理方法中處理對應(yīng)事件
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message {
NSLog(@"%@",NSStringFromSelector(_cmd));
NSLog(@"%@",message.body);
if([message.name isEqualToString:@"showName"]) {
[selfshowMsg:@"您好，我是Jasmine"];
}
}
// 2. native調(diào)用js
- (IBAction)btnClick:(UIButton *)sender {
if(!self.wkWebView.loading) {
if(sender.tag == 234) {
[self.wkWebView evaluateJavaScript:@"alertName('小紅')"completionHandler:nil];
}}else{
NSLog(@"the view is currently loading content");
}
}
JS端：
functionclear() {
document.getElementById('name').innerHTML =''
}
//OC調(diào)用JS的方法列表
//這里已經(jīng)調(diào)用過來了 但是搞不明白為什么alert方法沒有響應(yīng)
functionalertName(msg) {
//alert('你好 ' + msg + ', 我也很高興見到你')
document.getElementById('name').innerHTML ='你好 '+ msg +', 我也很高興見到你'
}
//JS響應(yīng)方法列表
functionbtnClick2() {
window.webkit.messageHandlers.showName.postMessage('xiao黃')
}
