使用Reveal查看任意App的技巧(Mark!)

来源:互联网 发布:腾讯网络电影合作地址 编辑:程序博客网 时间:2024/05/22 15:36

使用Reveal查看任意App的技巧


Reveal的高级技巧

前言

Reveal(http://revealapp.com)是一个很强大的iOS View Hierarchy工具,与其他几个功能相近的工具比如PonyDebugger(https://github.com/square/PonyDebugger)和Spark Inspector(http://sparkinspector.com)相比,其最大的特点就是非常直观。在我们进行iOS开发时对于动态的或复杂的交互界面,手写UI是不可避免的,所以通过Reveal,我们可以方便地调试和修改应用界面,免去了每次修改代码后重新启动的痛苦。并且如果我们能够在他人的App中使用Reveal分析(在没有源码的情况下),无论对于开发人员还是UI设计师都无疑是一个很好的学习途径。

Reveal简介

Reveal类似于Chrome的“审查元素”功能和FireBug调试HTML页面功能,在不需要重写代码、重新构建和重新部署应用程序的情况下就能够调试和修改iOS用户界面,使我们不但可以在运行时看到iOS程序的界面层级关系,还可以实时地修改程序界面,看到修改之后的效果。

其常规用法是将framework集成至Xcode工程中,具体可参见Reveal的官网Reveal App但我们这次讲述的是非常规用法。

在12/21的#阿里技术嘉年华#上,展示了使用Reveal查看任意App的效果,估计是当时所展示的工具中最亮眼的一个。

准备工作

1. iOS越狱设备一台,这里使用的是太极越狱的iPod Touch 5,需在Windows(虚拟机也可)环境下操作。

1.1. 首先阅读太极越狱详细教程 http://www.taig.com/tutorial.html ,备份、设置好iOS设备。

1.2. 然后安装iTunes Setup。

1.3. 连接iOS设备后执行几步傻瓜操作后即可越狱。

2. 越狱后在iOS设备上会自动安装Cydia商店,


打开Cydia

先在TabBar的“变更”页面刷新软件源(如下图既已刷新成功,如果长时间不能成功刷新可以在App Store中下载Ark VPN app进行代理)

刷新成功后用Cydia搜索并安装OpenSSH,

搜索并安装Cydia Substrate(原名MobileSubstrate)

安装完成后点击重启springboard

3.安装Reveal,Trail或正式版都可以,Trail下载地址(http://pan.baidu.com/s/1qW1glK4),破解版下载地址(http://pan.baidu.com/s/1sjNySjz)下载后切记不要更新版本,解压后直接拖进“应用程序”里。


这里我们两个都安装上,先用Trail版配置文件,配置好后用破解版

4.安装iTools(2.3.3版),下载安装即可,切记不要升级版本,不然无法正常使用。下载地址(http://pan.baidu.com/s/1eQzyI8E)。


点击“跳过这个版本”

开始配置

1.建立连接

首先让越狱设备和Mac在同一个Wi-Fi内,进入越狱设备的“设置”->“无线局域网”,


点击网络后面的详情符号

进入详情页面,记下“IP地址”,即“192.168.1.241”

2.获取目标App的BundleId

用数据线连接好设备,打开iTools,找到目标App(我们这里以“掌上新东方”为例),


点击备份

等待打包

打包后的文件如图所示为 .ipa 文件,文件名 “com.xdf.palmXDF” 即为目标 App 的 BundleId 。


打包后的文件

3.创建plist文件

打开Xcode,新建一个空工程,然后新建一个Property List,命名为“libReveal”,如果是非开发人员,比如我们的UI设计师可以直接下载建好的plist文件,地址是(http://pan.baidu.com/s/1o69rQAm),打开后自己填写即可。


plist文件

所需操作如图所示

点击“Value”选项填写目标App的BundleId

4.将Reveal库文件拷贝到设备中

目的是将libReveal.dylib上传到设备的/Library/MobileSubstrate/DynamicLibraries


打开Mac上的Terminal(终端)

输入(IP地址修改后复制粘贴进终端即可):

scp -r /Applications/Reveal.app/Contents/SharedSupport/iOS-Libraries/Reveal.framework root@192.168.1.241:/System/Library/Frameworks

⚠注:删除线部分“192.168.1.241”改为自己的设备上的IP地址


输入“yes”

OpenSSH默认链接密码:alpine

等待上传Reveal库文件

上传完毕

接着输入:

scp -r/Applications/Reveal.app/Contents/SharedSupport/iOS-Libraries/libReveal.dylib root@192.168.1.241:/Library/MobileSubstrate/DynamicLibraries


输入默认链接密码

接着输入:

scp -r libReveal.plist root@192.168.1.241:/Library/MobileSubstrate/DynamicLibraries




直接拖进终端内

拖入后的完整地址



配置结束

运行查看

首先保证设备和Mac在同一局域网(Wi-Fi)内,如果App已经运行,需在后台杀死进程重新打开,保持App在前台运行,然后在Mac中打开Reveal,


点击左上角的No Connection,然后选择“掌上新东方”

当设备上的App页面切换后,需要点击Reveal窗口右上角刷新按钮进行刷新(Commend+R),在局域网内负荷较大时,视图刷新会很慢,可以让设备共享热点给Mac来解决

界面主要部分

界面主要分为三部分:

1. 左边部分是整个界面的层级关系,在这里以树形层级的方式来查看全部界面元素。

2. 中间部分是一个可视化的查看区域,用户可以在这里切换2D盒3D的查看方式,这里看到的也是程序实运行的实时界面。

3. 右边部分是控件的详细参数查看区域,当我们选中某一个具体控件时,右边就可以显示该控件的具体的参数列表。我们除了可以查看这些参数列表是否正确外,还可以尝试修改这些值。所有的修改都可以实时翻反应到中间的预览区域内。

后话

以上是不写一行代码就能够查看任意App的方法,各位看别人App爽的时候,也可以想想自己的App。

这种“高级技巧”从来没有被Reveal官方提起过,大家一开始的方法比较粗暴,是直接hook想看的App,把libReveal.dylib插进去,后来经过进一步探索,才总结出这个更简单粗暴的方法。

虽然Reveal是最直观的一个工具,但是在iOS逆向这个领域,它占的比重连1/10都不到,相信大家都了解。

最后,这篇文档写的比较详细,是为了照顾非开发人员进行学习,不够简略之处希望大家理解

1 0
原创粉丝点击