iOS-Xcode 模拟器/真机进行WebView简单调试

在文章《iOS-WKWebView与JavaScript交互的简单使用》中，我们一起学习了WKWebView和JavaScript的简单交互，中间一直忘了更新这边文章，今天我们一起学习一下如何在原生应用中，如何进行Web页面的简单调试。

1. 准备工作

1.1 开启Safari开发选项

点击 Safari浏览器》偏好设置》高级》在菜单栏显示“开发”菜单。笔者这边已经开启了，所以在顶部菜单栏可以看到。

打开Safari开发选项.png

1.2 开启模拟器/真机调试选项

打开模拟器或者真机设置》Safari浏览器》高级》web (Inspector)检查器。
注意 模拟器中可能没有web检查器，不过不影响调试。

Safari浏览器.jpg

开启web检查器.jpg

1.3 运行项目

使用Xcode运行项目到模拟器或者真机上，打开webView页面和Mac中Safari浏览器。

1.4 在Mac Safari浏览器中选择要调试的网址

这时会弹出一个网页检查启

开启调试.png

网页检查器.png

1.5 在Mac Safari浏览器中像调试Html一样，开始愉快的调试了

至此，简单的使用模拟器或者真机，配合Mac Safari调试WebView的技能，我们就已经Get到啦，希望能够帮助一些小伙伴。记得给个小哦