主页 > iPhone与iPod >

iPhone页面的常用调试方法

安装后可以在Mac证书列表中听到

并设置相关域

根据Charles的提示,手机连接代理后,访问chls.pro/ssl安装证书,然后再次访问。

个别页面需要账号授权才能登录,涉及cookie模拟登录,可以使用这两个代理工具进行设置

在 Fiddler 中,您可以按照上一篇文章中 Android 的配置进行操作。

Charles中也有对应的方法

二、review 元素视图页面输出

可以使用Chrome的设备模拟查看页面

但是,对于iPhone调试,需要查看真机页面。

一般来说,iPhone 中的页面是在 Safari 浏览器中查看的

微信外部浏览器为WKWebView内核或UIWebView,WKWebView的版本取决于IOS版本。其中,UIWebViewer只是系统浏览器的一部分,不完整或受限。

因此,在某些情况下,您可以直接在手机的Safari浏览器中进行查看和调试,而在某些情况下,则需要在陌陌的外部浏览器中进行查看和调试

Safari 远程调试

此方法需要配合Mac的Safari浏览器使用,通过Mac和iPhone的连接进行调试

手机访问某个页面,选择调试,会打开Safari的开发者工具,可以看到几个熟悉的面板

除了查看元素和查看日志,还可以进行脚本断点调试、查看网络请求等操作。

但是功能相对于Chrome DevTools来说相对简单,可以直接用于简单的页面

对于更高版本的iOS系统(如iPhone7),用于远程调试的Mac主机的系统版本也有限制,无法在任何Mac和iPhone之间进行调试

另外,这种远程调试只支持调试手机的Safari浏览器,不能调试陌陌的外置浏览器

基于Weinre的调试

参考上一篇

基于陌陌开发者工具调试

参考上一篇

和上一篇类似,这两种方法都可以查看页面基本信息,不支持HTTPS,使用spy-debugger支持HTTPS

基于 spy-debugger 的调试

参考上一篇,设置对应的HTTPS证书

基于ios-webkit-debug-proxy的调试

Mac上safari调试功能不够好,陌陌中的页面无法调试。使用weinre只能简单的调试陌陌页面,不能执行脚本断点等中间功能。

最好的方法是将 iPhone 连接到 Chrome Devtools,充分利用好的调试工具和现有平台进行调试。

ios-webkit-debug-proxy 支持多平台,所以我们可以在不依赖 Mac 主机的情况下实现调试 iPhone 的需求。但是配置过程有点冗长

在 Mac 上安装

上面的install加参数是因为brew的更新很慢,手动设置不需要更新

另外可以看到报错,这里设置权限即可

在手机上打开一个页面,然后访问localhost:9221,就可以开始调试了

或者在chrome中输入chrome://inspect就可以看到相应的信息

美中不足的仍然无法测量陌陌中的页面

在 Windows 中配置

windows下配置比较麻烦,首先需要安装powershell(win10已经自带了),然后安装scoop,再安装这个插件

同理,访问对应页面

或者使用Chrome自带的DevTools进行调试,可以在Window下调试移动端Safari页面(但仍不支持陌陌外置)

调试陌陌的外部webview

调试陌陌的外部webviewchrome调试iphone 7,需要重新签名打包,让iOS认为我们是陌陌APP的开发者(苹果限制太多)

相关链接相关链接

相关步骤:

在已有证书的基础上(如果没有证书chrome调试iphone 7,需要自己设置)

1.下载 IPAPatch 并解压。

可以看到以下文件信息

2.下载越狱版陌陌(尽量通过正规渠道获取,或者直接从PP助手下载,下载时不要连接手机)

ipa是一个iOS应用文件包,类似于Android中的apk。普通版包含加密信息,打包后会有问题。越狱版已经脱壳了,可以登录我们的证书

3.用这个陌陌ipa替换IPAPatch文件夹中的/Assets/app.ipa

4. 用 XCode 打开 /IPAPatch.xcodeproj

5.设置新的BundleID,选择AppleID Team,设置Code Signing,选择真机目标,然后运行安装。

如果遇到错误提示,请按照提示解决

您可能遇到的问题是:

没有找到匹配的Provisioning Profiles 确认是否配置了证书,根据提示简单操作直接修复

产品类型'Framework'需要代码签名不要忘记在Framework中设置签名

Xcode: failed to get the task for process open the application会伴随着崩溃。签名需要使用开发版(iOS Developer),不要使用发行版(iOS Distribution),ipa包需要使用越狱版

Xcode "Device Locked" 当 iPhone 解锁时,记得在手机上选择 Trust Notebook

找不到开发者磁盘镜像 低版本的XCode不包含新版iOS的系统依赖。需要更新XCode到最新版本,或者直接下载对应的包放到XCode包目录下

安装成功后还停留在启动画面。可能是XCode开启了调试断点功能,取消即可。

安装后,原始陌陌应用无法打开。如果使用了不合适的ipa包,会有意想不到的副作用,所以要慎重选择ipa包

安装成功后即可打开新陌陌使用

登录后,访问相关页面即可调试webview

方法同上,可以在Mac上使用Safari调试外部浏览器的页面、公众号、小程序等。

或者,直接使用我们的windows系统,打开ios_webkit_debug_proxy,在Chrome中调试