在文章《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到啦，希望能够帮助一些小伙伴。记得给个小💗💗哦
网友评论