"深入解读：探索Reveal调试工具的奥秘"

上一篇文章:"探秘工具:MacOS工具探索"

在文章开始前，我想分享一个小插曲：

事情是这样的,逆向群里有个小伙伴,看了上一篇("探秘工具:MacOS工具探索")文章后,对Reveal工具的使用不是很了解,感谢小伙伴能够联系我,本篇文章将会对Reveal详细介绍.

如果你阅读了前几篇文章后，有任何疑问或者觉得有哪些地方需要补充，都可以随时联系我，我会尽力保证文章质量。

正如这位小伙伴一样，我可能会忽略一些东西，但这些东西可能正是你感兴趣的。我会努力完善知识，分享给大家，这是一件挺好的事情。

Reveal

1.Reveal介绍

Reveal下载地址:Reveal
Reveal是一个用于查看程序界面结构和调试界面的工具,可以直观的查看应用的UI布局.

Reveal

通过高级可视化、全面的检查器和动态修改应用程序的能力，您可以在几秒钟内调试视图布局和呈现问题。

Reveal是一款运行在Mac OS上的应用，现在有免费的Beta版本可供下载。要调试iOS应用，开发者要将应用程序与Reveal安装的框架层关联。
Reveal会扫描其网络中关联的应用程序，并让开发者选择连接其中之一，当连接到一个应用程序后，Reveal将显示其UI，其中包括大量的参数和设置。
开发人员现在可以检查UI或者更改设置，直到用户界面的外观和行为达到预期目标。目前它尚不支持布局约束，但根据Reveal的支持文档来看，这一功能将在未来的版本中发布。
Reveal可以和iOS模拟器一起使用，也可以用在运行在真机上的应用程序上。另外，Reveal的安装只需几分钟。
除了解析出UI参数外，Reveal也会通过一个分解的3D视图显示复杂的UI层次结构。开发者可以轻松的检查UI组件的分层，并在其层次结构中选择特定元素。为了进一步简化调试，也可以仅关注部分UI，而把其余部分屏蔽起来。

介绍了这些,基本了解了Reveal的基本功能.

2.RevealServer.framework 如何获取?

Reveal下载好后,我们打开看看

Reveal

这就是下载的Reveal应用,看上去就很酷.
这里不是重点,我们首先获取RevealServer.framework,怎么获取呢?

iOS Library

选中 Reveal -> 导航栏 Help -> Show Reveal Library in Finder -> 有两个Library (iOS Library ; tvOS LIBrary),我们这里只关注iOS Library.
我们点击进入iOS Library文件夹

RevealServer.framework

可以看到RevealServer.framework文件.到这里,我们已经获取到了RevealServer.framework.

你已经知道了怎么去获取RevealServer.framework了.

3.RevealServer.framework如何在项目中使用?

我们新建Xcode项目工程,命名为TEST
我们把刚才的RevealServer.framework 拖进项目

新建Xcode项目并RevealServer.framework拖进工程

我们运行一下真机,看看效果.

运行后Xcode崩溃了

真机运行后,Xcode崩溃了.

dyld: Library not loaded: @rpath/RevealServer.framework/RevealServer Referenced from: /var/containers/Bundle/Application/B5E77A27-B9C1-488B-9ABD-79F3FED77D1C/TEST.app/TEST Reason: image not found

报错原因是镜像没有发现

如何解决这个问题呢?

解决崩溃的办法

我们只需要在Embedded Binaries中导入RevealServer.framework,运行真机看一下是否还会崩溃.

项目已经正常运行.
到这一步,你已经可以完成了一大半的任务了.

我们在ViewController中创建一个Button,下面是代码

#import "ViewController.h"

@interface ViewController ()

@property (nonatomic,strong)UIButton *revealBtn;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    
    [self.view addSubview:self.revealBtn];
}

-(UIButton*)revealBtn{
    if (!_revealBtn) {
        _revealBtn = [UIButton buttonWithType:UIButtonTypeCustom];
        _revealBtn.frame = CGRectMake(100,100, 100,40);
        _revealBtn.backgroundColor = [UIColor redColor];
        [_revealBtn setTitle:@"测试" forState:UIControlStateNormal];
        [_revealBtn setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
    }
    return _revealBtn;
}

@end

运行之后是这样的页面

运行结果

代码只是简单地创建了一个具有红色背景的按钮。
对于这样的项目，我们并不需要过于复杂的设计，只是简单地演示一下即可。

接着,我们看看Reveal应用发生了什么变化?
我们打开Reveal应用

运行项目后的Reveal应用

我们点进去看一下

运行结果

Reveal运行结果和我们真机运行结果是一模一样的,现在是2D的画面

我们看一下3D的画面

画面层级

左侧是视图层级，通过3D画面可以清晰地看出层级的层次。

通过这种方式，我们可以轻松地了解界面的层级以及所使用的类，一目了然。

不论是分析某些应用，还是分析自己开发的项目，对界面的优化和分析都有很大的帮助。

到这里，你已经知道了如何在自己的项目中使用Reveal。

注意

如果你需要上架AppStore,Reveal不可以和项目一起提交的,在这里要特别注意

4. CoacoaPods集成

开发最简单的方式就是通过pod集成
我们在Podfile中配置后,进行配置安装

pod集成

# Uncomment the next line to define a global platform for your project
platform :ios, '9.0'

target 'TEST' do
  # Comment the next line if you don't want to use dynamic frameworks
  use_frameworks!
   pod 'Reveal-SDK', :configurations => ['Debug']
  # Pods for TEST

end

configurations 设置表示只有Debug模式下开启,如果release是关闭状态.

pod install进行集成

pod install

集成之后,我们直接运行项目,同上面的结果
打开reveal,也是同样的界面

我相信你已经学会了两种方式使用Reveal

5.如何在越狱设备中安装Reveal呢?

在平常开发中,如果你有越狱设备,那就非常好了.
如果我们有个功能或者界面布局,你想参考其他APP的功能,你就可以通过越狱设备,在Cydia中安装Reveal.
一般我们不借助类似Reveal的软件,我们是不能查看从AppStore下载的应用,为什么这么说?
我们没有办法把reveal注入到程序内部,所以你查看不到.
上面的两种方式,我们是主动注入到项目里的,这样我们可以查看到项目的界面结构

考虑
如果我们没有办法注入到想要查看的项目,我们有没有其他的方式呢?
答案是有的

我们可以通过越狱设备中安装Reveal,来达到浏览项目结构的目的
我们找到Cydia,并打开,搜索reveal Loader

reveal Loader

我们点击reveal Loader,并安装

7A286D79-08DE-446A-8A2F-21DB343E0F42.png

安装1

安装中1
安装2

安装中2
当我们安装完后,会提示你重启SpringBoard,我们进行重启就可以了.
重启完成后,我们可以在手机设置 -> Reveal

安装后的Reveal

点击reveal

点击进入reveal

找到TEST 开启权限

找到TEST 开启权限

注意
是不是可以通过Reveal应用查看指定的应用呢?
答案是不可以.
我尝试很久,没有成功,最终找到了原因.

解决Reveal无显示的问题?

1.我们需要从RevealServer.framework找到RevealServer

RevealServer

2.把RevealServer重命名为libReveal.dylib

libReveal.dylib 和 libReveal.plist

3.并制作libReveal.plist文件,libReveal.plist内需要写入的内容

libReveal.plist

<dict>
    <key>Bundles</key>
    <string>com.apple.AppStore</string>
</dict>

4.把它们拷贝到手机的/Library/MobileSubstrate/DynamicLibraries/ 的目录下.

/Library/MobileSubstrate/DynamicLibraries/
5.重启启动手机后,可以查看需要浏览的应用.
完美越狱手机重启后不受影响
非完美越狱手机需要重新越狱
6.打开Reveal 查看下应用

Reveal 1

Reveal 2

6.总结

通过本篇文章的学习，相信你对Reveal有了深刻的了解，知道如何使用它了。
主要讲了三种方式使用Reveal：

通过使用Reveal自带的Framework
通过使用pod集成
通过越狱设备安装Reveal，并对其他应用进行界面结构查看。
另外，除了使用iFunBox拷贝文件，还可以使用终端命令scp。

希望持续关注，下篇文章会有更多精彩内容。欢迎大家留言，及时交流。