在app开发中，经常会用到webview页面，怎么能够在app内直接查看调试页面样式、请求头等进行联调？就要用Safari来配合了，（只能用Safari，其它浏览器不行），只能在debug下进行联调：
模拟器和真机一样，以下以真机为例
1.打开真机的开发者模式
【设置】->【Safari】->【高级】->【Web检查器】打开，如下图
img1.jpg
2.打开Mac上Safari的开发者模式
【Safari】->【偏好设置】->【高级】->【在菜单栏中显示“开发”菜单】勾选，如下图
img2.jpg
3.创建一个webview并加载一个网页
img3.jpg
4.选择Safari上的开发
如下图所示，因为我的手机已经信任过，但是没有打开webview页面，就是这样子。如果手机没有信任过，选中测试机22的时候会显示用于开发，然后点击用于开发，手机上会弹出是否信任的提示框，点击信任即可。然后你打开app上的webview可能还是没有，这个时候重启一下Safari即可。
img4.jpg
5.在app上打开webview页面
第4步就变成以下图的样式
img5.jpg
然后真机个显示的像以下图片一样
img6.jpg
打开网页检查器，就可以进行调试了
img7.jpg
网友评论