1、利用Safari调试
手机端开启Web 检查器：设置 -> 通用 -> Safari -> 高级 -> Web 检查器 Mac端Safari显示开发菜单：Safari 浏览器默认没有显示“开发”菜单，需要通过：Safari 浏览器 -> 偏好设置 -> 高级 -> 勾选在菜单中显示“开发”设置。 设置完后，启动 APP ，加载 WKWebView 后即可看到 H5页面。这时即可通过Safari中断点进行调试，可以查看当前的 HTML 代码，JS 代码，网络情况等。
2、eruda工具移动端调试神器
目前，前端同学开发阶段，会在本地开发环境中注入调试工具vconsole或eruda；但是可以在WKWebview中内置eruda工具，不需要依赖前端开发环境中的调试工具。 在页面加载完成后，执行JS代码，植入eruda工具
NSString *JSCode = @"(function() {var script = document.createElement('script');script.src = 'cdn.jsdelivr.net/npm/eruda\'…);"; [self.webView evaluateJavaScript:JSCode completionHandler:nil]; dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{ [self.webView evaluateJavaScript:@"eruda.init();" completionHandler:nil]; [self.webView evaluateJavaScript:@"eruda.get("snippets").run("Load Dom Plugin")" completionHandler:nil]; });
