iOS开发：调试webView的小技巧

在iOS开发过程中，我们会碰到WebVIew加载成功，但是内部有ajax请求失败了，移动端是没有日志的，怎么排查问题呢？

1. 前端同学可以在开发模式复现问题
2. 链接可以放在浏览器访问，在浏览器F12进入检查模式

生产环境，还有auth认证，前两条就无法满足了

3. Charles抓包，查看接口问题
4. Safari浏览器，网页检查功能（今天要分享的）

工欲善其事

在手机，设置 —> Safari浏览器 —> 高级 —> 打开网页检查器

必先利其器

iOS16.4以后需要配置一下

if (@available(iOS 16.4, *)) {
        self.webView.inspectable = YES;
   }

控制此WKWebView是否可在Web检查器中检查。 默认值为“否”。

/*!
@abstract Controls whether this @link WKWebView @/link is inspectable in Web Inspector.
@discussion The default value is NO.
*/
@property (nonatomic, getter=isInspectable) BOOL inspectable NS_SWIFT_NAME(isInspectable) API_AVAILABLE(macos(13.3), ios(16.4));

遂，成矣

在MacOS上打开Safari浏览器，找到“开发”，如下图

点击你要调试的那个链接，就会进入网页检查模式。