WKWebView 使用safari在真机上调试网页

2,779 阅读1分钟

safari浏览器包含了项目调试功能,在safari浏览器上可以看到使用PC端safari和iphone端的safari包括UIWebview和WKWebview的任何浏览记录和浏览状况。我们把它称为开发者调试工具,大部分浏览器都包含这个功能。

使用webview加载了一个网页,也已经运行在真机上了。
下一步了解一下,如何使用iphone进行web网页调试。

1. 打开模拟器(真机)的开发者模式

iphone 设置 —> safari浏览器 --> 高级

111.png

2. 打开Mac上Safari的开发者模式

【Safari】->【偏好设置】->【高级】->【在菜单栏中显示“开发”菜单】勾选

222.png

左上角点击safari浏览器,选择偏好设置,在偏好设置中按如下图所示操作:

333.png

3. 在模拟器(真机)中打开webview应用,并打开Safari查看网络信息

【开发】->【iOS Simulator】->【正在调试的网站】 注意:必需要webview在加载网页时,打开Safari才能够看到调试模式。

截屏2022-07-29 下午2.53.29.png

打开Safari中的调试

在弹出的调试窗口中,能够看到当前正在加载网页的各类信息,包括源码、请求头、图片、加载的资源与脚本、控制台输出等。而且它和web前端的调试方式相同,你能够直接修改网页的CSS样式,对网页布局等进行修改,而不用从新运行整个App。

截屏2022-07-29 下午3.08.30.png