iOS-App内部WebView的内容如何调试查看

3,535 阅读1分钟

背景

一直以来,我认为App里面只能调试原生的代码,而webview的内容出了问题只能干瞪眼,最近发现原来是有一种方法可以调试查看App里面webview的内容的,视野一下开阔了,现将方法分享如下:

准备:

1、Mac电脑,安装Safari

2、iPhone手机

第一步:设置Safari

打开偏好设置 preferences -> Advanced ,勾选 Show Develop menu in menu bar , 如下图所示:

Screen Shot 2021-08-09 at 3.45.43 PM.png

在菜单栏目可以看到多出来 Develop 一栏:

Screen Shot 2021-08-09 at 3.49.24 PM.png

第三步:设置手机

设置 -> Safari浏览器 -> 高级 -> 网页检查器打开

Screen Shot 2021-08-09 at 4.08.57 PM.png

第四步:运行App程序调试

Xcode 运行 App ,并打开 App 内部的 Webview 页面,打开 Safari ,在 Develop 栏目下选择自己的手机 iPhone,此时 Safari 会弹出相应的 webview 页面检测情况。如下图所示:

Screen Shot 2021-08-09 at 4.17.37 PM.png

Screen Shot 2021-08-09 at 4.21.07 PM.png