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