WKWebview的二三事

//initialize
#import <WebKit/WebKit.h>

//MARK: lifecycle
- (void)viewDidLoad {
    [super viewDidLoad];
    WKWebView *myWebview = [[WKWebView alloc] initWithFrame:UIScreen.mainScreen.bounds];
    [self.view addSubview:myWebview];

    [myWebview.configuration setValue:@YES forKey:@"_allowUniversalAccessFromFileURLs"];// 允许加载本地文件,加载本地H5时会用到
    myWebview.scrollView.bounces = NO;//在网页处于最顶端时，禁止下拉拖动
    myWebview.allowsLinkPreview = NO; //禁止a标签链接长按预览

    myWebview.UIDelegate = self;
    myWebview.navigationDelegate = self;

    NSURL *myUrl = [[NSURL alloc] initWithString:@"https://www.zhihu.com"];
    NSURLRequest *myRequest = [[NSURLRequest alloc] initWithURL:myUrl];
    [myWebview loadRequest:myRequest];
}

//MARK: WKNavigation Delegate Method

//决定是否可以跳转
- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler{
    FUNCLog();
    decisionHandler(WKNavigationActionPolicyAllow);
}

- (void)webView:(WKWebView *)webView decidePolicyForNavigationResponse:(WKNavigationResponse *)navigationResponse decisionHandler:(void (^)(WKNavigationResponsePolicy))decisionHandler{
    FUNCLog();
    decisionHandler(WKNavigationResponsePolicyAllow);
}

- (void)webView:(WKWebView *)webView didStartProvisionalNavigation:(WKNavigation *)navigation{
    FUNCLog();
}

- (void)webView:(WKWebView *)webView didReceiveServerRedirectForProvisionalNavigation:(WKNavigation *)navigation{
    FUNCLog();
}

- (void)webView:(WKWebView *)webView didCommitNavigation:(WKNavigation *)navigation {
    FUNCLog();
}

- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation {
    FUNCLog();
}

- (void)webView:(WKWebView *)webView didFailNavigation:(WKNavigation *)navigation withError:(NSError *)error {
    FUNCLog();
}

//MARK: WKUIDelegate Method

- (void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(void))completionHandler {
    FUNCLog();
}

- (void)webView:(WKWebView *)webView runJavaScriptConfirmPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(BOOL result))completionHandler {
    FUNCLog();
}

   //! 导入WebKit框架头文件
   #import <WebKit/WebKit.h>
   //! WKWebViewWKScriptMessageHandlerController遵守WKScriptMessageHandler协议
   @interface EXPJSCallNative () <WKScriptMessageHandler>

  //! 为userContentController添加ScriptMessageHandler，并指明name
  WKUserContentController *userContentController = [[WKUserContentController alloc] init];
  [userContentController addScriptMessageHandler:self name:@"jsToOc"];

  //! 使用添加了ScriptMessageHandler的userContentController配置configuration
  WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init];
  configuration.userContentController = userContentController;

  //! 使用configuration对象初始化webView
  _webView = [[WKWebView alloc] initWithFrame:self.view.bounds configuration:configuration];

  #pragma mark - WKScriptMessageHandler
  //! WKWebView收到ScriptMessage时回调此方法
  - (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message {

      if ([message.name caseInsensitiveCompare:@"jsToOc"] == NSOrderedSame) {
          [WKWebViewWKScriptMessageHandlerController showAlertWithTitle:message.name message:message.body cancelHandler:nil];
      }
  }

//! 登录按钮
<button onclick = "login()" style = "font-size: 18px;">登录</button>
//! 登录
function login() {
  var token = "js_tokenString";
  loginSucceed(token);
}
//! 登录成功
function loginSucceed(token) {
  var action = "loginSucceed";
  window.webkit.messageHandlers.jsToOc.postMessage(action, token);
}

#import "WebViewJavascriptBridge.h

@property WebViewJavascriptBridge* bridge;

   //JS调Native，注册一个待调用函数
   [self.bridge registerHandler:@"ObjC Echo" handler:^(id data, WVJBResponseCallback responseCallback) {
   	NSLog(@"ObjC Echo called with: %@", data);
   	responseCallback(data);
   }];
   //Native调JS, callHandler中直接加JS代码
   [self.bridge callHandler:@"JS Echo" data:nil responseCallback:^(id responseData) {
   	NSLog(@"ObjC received response: %@", responseData);
   }];

      function setupWebViewJavascriptBridge(callback) {
      	if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); }
      	if (window.WVJBCallbacks) { return window.WVJBCallbacks.push(callback); }
      	window.WVJBCallbacks = [callback];
      	var WVJBIframe = document.createElement('iframe');
      	WVJBIframe.style.display = 'none';
      	WVJBIframe.src = 'https://__bridge_loaded__';
      	document.documentElement.appendChild(WVJBIframe);
      	setTimeout(function() { document.documentElement.removeChild(WVJBIframe) }, 0)
      }

   	setupWebViewJavascriptBridge(function(bridge) {
         	//Native call JS
         	bridge.registerHandler('JS Echo', function(data, responseCallback) {
         		console.log("JS Echo called with:", data)
         		responseCallback(data)
         	})
         	//JS call Native
         	bridge.callHandler('ObjC Echo', {'key':'value'}, function responseCallback(responseData) {
         		console.log("JS received response:", responseData)
         	})
   	})

	<key>NSAppTransportSecurity</key>
	<dict>
		<key>NSAllowsArbitraryLoads</key>
		<true/>
		<key>NSAllowsArbitraryLoadsInWebContent</key>
		<true/>
		<key>NSAllowsLocalNetworking</key>
		<true/>
		<key>NSExceptionDomains</key>
		<dict>
			<key>172.20.156.68</key>
			<dict/>
      				<key>NSIncludesSubdomains</key>
      				<true/>
      				<key>NSExceptionAllowsInsecureHTTPLoads</key>
		        	<true/>
			<key>222.186.209.130</key>
			<dict>
            			<key>NSExceptionAllowsInsecureHTTPLoads</key>
            			<true/>
            			<key>NSIncludesSubdomains</key>
            			<true/>
			</dict>
		</dict>
	</dict>

//在decidePolicyForNavigationResponse回调中获取当前websiteDataStore中的cookie值，保存到本地
//这样下次请求中便会带上相应的cookie值
- (void)webView:(WKWebView *)webView decidePolicyForNavigationResponse:(WKNavigationResponse *)navigationResponse decisionHandler:(void (^)(WKNavigationResponsePolicy))decisionHandler
{
    if(@available(iOS 11, *)){
            //WKHTTPCookieStore的使用
            WKHTTPCookieStore *cookieStore = myWebView.configuration.websiteDataStore.httpCookieStore;
            //获取 cookies
            [cookieStore getAllCookies:^(NSArray<NSHTTPCookie *> * _Nonnull cookies) {
                for (NSHTTPCookie *cookie in cookies) {
                        //NSHTTPCookie cookie
                    NSLog(@"cookieStore-cookies_ :%@    %@", cookie.name, cookie.value);
                   [[NSHTTPCookieStorage sharedHTTPCookieStorage] setCookie:cookie];
                }
            }];
        }
    decisionHandler(WKNavigationResponsePolicyAllow);
}

    NSURL *fileURL = navigationAction.request.URL;
    NSString *internalFileExtension = [fileURL.absoluteString.pathExtension lowercaseString];
    if ([internalFileExtension isEqualToString:@"png"] ||
        [internalFileExtension isEqualToString:@"txt"] ||
        [internalFileExtension isEqualToString:@"jpg"] ||
        [internalFileExtension isEqualToString:@"pdf"] ||
        [internalFileExtension isEqualToString:@"doc"] ||
        [internalFileExtension isEqualToString:@"docx"]||
        [internalFileExtension isEqualToString:@"ppt"] ||
        [internalFileExtension isEqualToString:@"pptx"]||
        [internalFileExtension isEqualToString:@"md"])
    {
         HCDownloadViewController *dlvc = [[HCDownloadViewController alloc] init];
         UINavigationController *vc = [[UINavigationController alloc] initWithRootViewController:dlvc];
         vc.transitioningDelegate  = self;
         dlvc.delegate = self;
        //Fire download
         NSLog(@"fileUrl = %@",fileURL);
         [dlvc downloadURL:fileURL userInfo:nil];
         [self presentViewController:vc animated:YES completion:nil];
        decisionHandler(WKNavigationActionPolicyCancel);
    }else{
        decisionHandler(WKNavigationActionPolicyAllow);
    }