博客> iOS-Xcode 模拟器/真机进行WebView简单调试
iOS-Xcode 模拟器/真机进行WebView简单调试
2019-12-05 23:05 评论:0 阅读:352 AngelMrKaye
ios 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到啦,希望能够帮助一些小伙伴。

收藏
0
sina weixin mail 回到顶部