WKWebView 遇到过的坑

在上个项目中，使用到了 WKWebView 实现 JS 与原生的方法互调，不过在使用的时候，遇到了许多的 bug ，一一列出来，以做警示

1、无弹框的问题

在 WK 中，默认是没有弹出框的，如果你需要设置弹出框，则需要重写三个方法
+ webView:runJavaScriptAlertPanelWithMessage:initiatedByFrame:completionHandler:
+ webView:runJavaScriptConfirmPanelWithMessage:initiatedByFrame:completionHandler:
+ webView:runJavaScriptTextInputPanelWithPrompt:initiatedByFrame:completionHandler:

分别对应的是确认的、提示的、文字输入的三种弹出框。
具体的实现如下：

#pragma mark - <WKUIDelegate>- (void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(void))completionHandler {    UIAlertController *controller = [UIAlertController alertControllerWithTitle:message message:@"" preferredStyle:UIAlertControllerStyleAlert];    UIAlertAction *action = [UIAlertAction actionWithTitle:@"确定" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {        completionHandler();    }];    [controller addAction:action];    [self presentViewController:controller animated:YES completion:nil];}- (void)webView:(WKWebView *)webView runJavaScriptConfirmPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(BOOL))completionHandler {    UIAlertController *controller = [UIAlertController alertControllerWithTitle:message message:@"" preferredStyle:UIAlertControllerStyleAlert];    UIAlertAction *action = [UIAlertAction actionWithTitle:@"确定" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {        completionHandler(YES);    }];    [controller addAction:action];    UIAlertAction *cancle = [UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) {        completionHandler(NO);    }];    [controller addAction:cancle];    [self presentViewController:controller animated:YES completion:nil];}- (void)webView:(WKWebView *)webView runJavaScriptTextInputPanelWithPrompt:(NSString *)prompt defaultText:(NSString *)defaultText initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(NSString * _Nullable))completionHandler {    UIAlertController *controller = [UIAlertController alertControllerWithTitle:@"" message:@"" preferredStyle:UIAlertControllerStyleAlert];    [controller addTextFieldWithConfigurationHandler:^(UITextField * _Nonnull textField) {    }];    UIAlertAction *action = [UIAlertAction actionWithTitle:@"确定" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {        completionHandler(controller.textFields.lastObject.text);    }];    [controller addAction:action];    [self presentViewController:controller animated:YES completion:nil];}

不要怪我不写注释，实在是没什么好写的，代码猛地一看有点多，实际认真看一下也就那么回事。

2、初始的时候调用 Web 方法无反应

这个问题主要是出在网页还没加载结束，那时候可能方法都没出来，那又怎么可能会加载成功呢，解决方案的话就是在Web加载结束后再调用，代码如下：

#pragma mark - <WKNavigationDelegate>- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation {    [webView evaluateJavaScript:@"" completionHandler:nil];}

evaluateJavaScript就是方法名及其参数，具体的不详细说明，大致就是如此。

3、WK 无法调用本地方法

WK 调用本地方法需要注意必须在 config 中设置 [config.userContentController addScriptMessageHandler:self name:@"next"]; next 即为方法名。然后实现userContentController:didReceiveScriptMessage: 方法，在方法中接取调用。

#pragma mark - <WKScriptMessageHandler>- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message {    if ([message.name isEqualToString:@"next"]) {        //    }}

如果这边你确定写的没错了，那就是服务器那边的问题了。

4、WK 拍照、照片库上传无效

无效的原因是默认关闭JS的交互，不允许JS自动打开窗口，解决方案的话重新打开即可：

    config.preferences=[[WKPreferences alloc]init];    config.preferences.minimumFontSize = 10;    config.preferences.javaScriptEnabled = true;    // 默认是不能通过JS自动打开窗口的，必须通过用户交互才能打开    config.preferences.javaScriptCanOpenWindowsAutomatically =true;

5、 WK 照片点击上传的时候，出现返回上一个控制器

如果你出现返回上一个控制器，那么说明，或者你或者你的导航栏控制器是通过 presentViewController 进来的。
这一点的话，我怀疑是系统的BUG，想要成功上传，必须保证这个 Controller 或者 NavigationController 没有 PresentingController,即这个 Controller 或者 NavigationController 需要是 RootController。否则会自动 dismissController。
解决方案的话就是在每次 presentViewController 的时候，都将下一个视图设置为 RootController ，并移除自己:

        UIViewController  *main   =   [UIViewController new];        [UIApplication sharedApplication].delegate.window.rootViewController = main;        [self presentViewController:main animated:YES completion:^{            [self dismissViewControllerAnimated:NO completion:nil];        }];