app中用Safari对webview进行调试

在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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 127,731评论 18 546
  • pdf下载地址:Java面试宝典 第一章内容介绍 20 第二章JavaSE基础 21 一、Java面向对象 21 ...
    王震阳阅读 77,488评论 25 510
  • 在web开发的过程中,抓包、调试页面样式、查看请求头是很常用的技巧。其实在iOS开发中,这些技巧也能用(无论是模拟...
    陌上北辰阅读 116评论 0 0
  • 在法律文件中通常包括定义部分,常见的中文表述有:“……的意思是……”,“(所称)……是指……”,我们常常翻译成“S...
    六十度冰阅读 367评论 0 37
  • 外婆,这几天上班,脚磨破了,买不到合适的。我这辈子穿过的最合脚最舒服的鞋子,都是您做的。我想您了! ...
    呵妈阅读 144评论 0 1