在进行iOS加载网页开发过程中,碰到某个界面有问题需要陪着web开发人员进行调试测试,这是一个非常揪心的问题。所以必须掌握safari对webview进行调试的技巧。
1、打开模拟器(真机)的开发者模式
【设置】->【Safari】->【高级】->【Web检查器】打开

2、打开Mac上Safari的开发者模式
【Safari】->【偏好设置】->【高级】->【在菜单栏中显示“开发”菜单】勾选

3、mac电脑有xcode的时候,使用xcode运行程序到模拟器/iphone。(注意iphone不能锁屏)
如果mac电脑没有xcode的时候,把mac和手机通过数据线连接,在手机上打开需要调试的软件。注意iphone不能锁屏)
自动弹出下图:

但是这还没有看到网页源码,我们需要
【开发】->【xxx的iphone】->【Title】勾选 如下图:

然后弹出如下图:

看到上面的图你就熟悉了吧,web人员开发web时候通过浏览器调试时候,都是用的这个界面,交给web开发人员,他就可以搞定一切了。
网友评论