最近幫朋友接手個老項目加一點小需求，需求加完了發(fā)現(xiàn)webview有些顯示上面小問題，就請我?guī)兔υ倥挪橄?，這一排查不要緊，搜索UIWebview關(guān)鍵字，竟然發(fā)現(xiàn)整個項目中含有83處，包含文件29個，當時心就一涼。下面是我通宵翻找WKWebView替換UIWebView的文章摘要部分，網(wǎng)上文章太多，東一篇西一篇的，不好借鑒，總結(jié)一下，方便同學們隨來隨取，下面上代碼：

一：基本使用

首先說下基本用法：

• UIWebView：

UIWebView *webView = [[UIWebView alloc] init];
NSURL *url = [NSURL URLWithString:@"https://www.hujiang.com"];
[webView loadRequest:[NSURLRequest requestWithURL:url]];

• WKWebView：

#import <WebKit/WebKit.h>
WKUserContentController *wkUController = [[WKUserContentController alloc] init];
WKWebViewConfiguration *wkWebConfig = [[WKWebViewConfiguration alloc] init];
wkWebConfig.userContentController = wkUController;
        
WKWebView* mainWebView = [[WKWebView alloc] initWithFrame:self.view.frameconfiguration:wkWebConfig];
mainWebView.navigationDelegate = self;
mainWebView.backgroundColor = [UIColor clearColor];

二：替換

1、scalesPageToFit 屬性替換：

在WKWebView中不支持scalesPageToFit屬性，可以通過注入js的方法實現(xiàn)：

//以下代碼適配文本大小，由UIWebView換為WKWebView后，會發(fā)現(xiàn)字體小了很多，這應(yīng)該是WKWebView與html的兼容問題，解決辦法是修改原網(wǎng)頁，要么我們手動注入JS
NSString *jScript = @"var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=device-width'); document.getElementsByTagName('head')[0].appendChild(meta); var imgs = document.getElementsByTagName('img');for (var i in imgs){imgs[i].style.maxWidth='100%';imgs[i].style.height='auto';}";
WKUserScript *wkUScript = [[WKUserScript alloc] initWithSource:jScript injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:YES];
        
WKUserContentController *wkUController = [[WKUserContentController alloc] init];
[wkUController addUserScript:wkUScript];

2、UIWebView 和WKWebView對應(yīng)代理方法

@protocol WKNavigationDelegate; //類似于UIWebView的加載成功、失敗、是否允許跳轉(zhuǎn)等 @protocol WKUIDelegate; //主要是一些alert、打開新窗口之類的

2.1、shouldStartLoadWithRequest

• UIWebView

-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
    return YES;
}

• WKWebView

//先：針對一次action來決定是否允許跳轉(zhuǎn)，action中可以獲取request
- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler{
    //允許與否都需要調(diào)用decisionHandler，如：
    decisionHandler(WKNavigationActionPolicyAllow);
}
//后：根據(jù)response來決定，是否允許跳轉(zhuǎn)
- (void)webView:(WKWebView *)webView decidePolicyForNavigationResponse:(WKNavigationResponse *)navigationResponse decisionHandler:(void (^)(WKNavigationResponsePolicy))decisionHandler{
    //允許與否都需要調(diào)用decisionHandler，如:
    decisionHandler(WKNavigationActionPolicyCancle);
}

2.2、開始加載

• UIWebView

- (void)webViewDidStartLoad:(UIWebView *)webView;

• WKWebView

- (void)webView:(WKWebView *)webView didStartProvisionalNavigation:(null_unspecified WKNavigation *)navigation;

2.3、加載成功

• UIWebView：

- (void)webViewDidFinishLoad:(UIWebView *)webView;

• WKWebView：

- (void)webView:(WKWebView *)webView didFinishNavigation:(null_unspecified WKNavigation *)navigation;

2.4、加載失敗

• UIWebView：

- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error;

• WKWebView：

- (void)webView:(WKWebView *)webView didFailNavigation:(null_unspecified WKNavigation *)navigation withError:(NSError *)error;

3、Native和JS互相調(diào)用：

3.1、Native調(diào)用js

• UIWebView：

[weiview stringByEvaluatingJavaScriptFromString:jsString];

• WKWebView：

[wkWebView evaluateJavaScript:@"jsFunction"
            completionHandler:^(id _Nullable response, NSError * _Nullable error) {
    NSString *title = response;
}];

3.2、js調(diào)用Native

• UIWebView：

//第一種方法，簡單
- (nullable NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script;


//第二種：通過攔截URL的方式：
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{
    NSURL *URL = request.URL;    
    if ([URL.scheme isEqualToString:@"urlscheme"]) {
        if ([URL.host isEqualToString:@"jsFunction"]) {
            NSLog(@"攔截執(zhí)行js中的方法： %@", URL.query);
            return NO;
        }
    }
    return YES;
}

• WKWebView：
  第一種方式：

WKUserContentController *userContent = [[WKUserContentController alloc] init];
[userContent addScriptMessageHandler:id<WKScriptMessageHandler> name:@"jsFunction"];
    
WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];
config.userContentController = userContent;
WKWebView *wkWebView = [[WKWebView alloc] initWithFrame:CGRectZero configuration:config];

在代理方法中截?。?/p>

-  (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message {
    if ([message.name isEqualToString:@"jsFunction"]) {
        NSLog(@"native執(zhí)行js的方法:%@",message.body);
    }
}

//注意在合適的地方移除messageHandler：
- (void)dealloc {
    [wkWebView.configuration.userContentController removeScriptMessageHandlerForName:@"jsFunction"];
}

第二種方式：URL攔截
缺點：無法直接獲取本次交互的返回值，比較適合單向傳參，且不關(guān)心回調(diào)的情景，比如h5頁面跳轉(zhuǎn)到native頁面等

- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler {
    //可以通過navigationAction.navigationType獲取跳轉(zhuǎn)類型，如新鏈接、后退等
    NSURL *URL = navigationAction.request.URL;
    //判斷URL是否符合自定義的URL Scheme
    if ([URL.scheme isEqualToString:@"urlscheme"]) {
        //根據(jù)不同的業(yè)務(wù)，來執(zhí)行對應(yīng)的操作，且獲取參數(shù)
        if ([URL.host isEqualToString:@"jsFunction"]) {
            decisionHandler(WKNavigationActionPolicyCancel);
            return;
        }
    }
    decisionHandler(WKNavigationActionPolicyAllow);
}

下面你可能會用得到的文章：

里面有左滑返回上一步的詳細代碼
iOS WKWebView的使用
UIWebView 改 WKWebView解決各種問題
WKWebView 使用及注意事項
WKWebView使用過程中遇到的坑
iOS-WKWebView設(shè)置 Cookie
WKWebView的cookie探究