说到iphone手机调试,最好的方法是拿一台mac电脑,这样可以很方便的配合调试。
由于前端框架基本趋于稳定,手机调试的需求比较少,大家基本上很久都用不上一次iphone调试。
不过今天出现了诡异的问题,为了跟踪一个网络请求可能存在问题,同事用mac进行iphone safari调试,突然不能调试了。我的第一反应是,他的设置可能有问题,但是跟踪了一下,所有设置都是对的。
没办法,用我的手机亲自试一下,发现也不行。不过两周前,我使用调试还是正常的,怎么就突然不行了?上网查,没有发现操作存在问题,但是mac上面就是不显示调试界面。
仔细想了下这两周我干了啥?我啥也没干。。。再想想?我升级了苹果手机,之前是ios 9,现在是ios 10!
果然,同事有问题的设备,也是ios 10!
找一台ios 9的测试机(公司手机版本多就是好),debug没有问题!
最后网上找到问题原因:
Because debugging mobile devices with web inspector is a new feature, you’ll have to make sure you have all the latest software.
我们必须确保所有工具版本都是最新的。
iphone ios操作系统是否最新?
mac OS系统是否是最新?
最后附上debug步骤:
1. 要进行远程调试,首先要打开开启 iPhone/iPad 上的 Safari 的远程调试功能,“通过 设置 > Safari > 高级”开启:
2. 然后打开 Safari,开启你要调试的网页,当然原生应用中通过 WebView 开启的网页也是可以调试的。
3. 最后把 iPhone 或者 iPad 通过数据线连上 Mac 电脑,打开桌面版的 Safari(目前 iOS 6 的 Safari 远程调试只支持通过 Mac 上的桌面版的 Safari 进行,Safari for Windows 目前还没有此项功能),点击开发菜单,选择你调试的 iPhone/iPad 的设备名,选择调试的网页。
4. 最后就是调用桌面版的 Safari 的 Web 检查器对 iPhone/iPad 上的 Safari 应用进行调试:
Leave a Reply