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

在文章《iOS-WKWebView与JavaScript交互的简单使用》中,我们一起学习了WKWebViewJavaScript的简单交互,中间一直忘了更新这边文章,今天我们一起学习一下如何在原生应用中,如何进行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到啦,希望能够帮助一些小伙伴。记得给个小💗💗哦

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容