使用Reveal查看真机app的UI布局

最新推荐文章于 2024-05-26 23:36:25 发布

Heaven_OY

最新推荐文章于 2024-05-26 23:36:25 发布

阅读量1.4k

点赞数

分类专栏： iOS越狱文章标签： ios ui app

本文链接：https://blog.youkuaiyun.com/Heaven_OY/article/details/52920207

版权

iOS越狱专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何使用Reveal工具查看iOS真机应用的UI布局。详细步骤包括真机越狱、安装必备软件、配置Reveal库文件以及连接和刷新查看。无论是通过常规方法还是快速方法，都能帮助开发者实时查看和调试App界面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Reveal查看真机任意app的布局

Reveal（http://revealapp.com）是一个很强大的iOS View Hierarchy工具，它最大的特点是非常直观，在我们进行开发的时候，还可以直接修改view的属性，例如颜色，宽高等属性，不用运行马上可以看到效果。

一、查看模拟器程序

注：
Reveal查看模拟器里的程序时，只需要在Xcode里添加一个断点即可。

官方方法：
英文版：http://support.revealapp.com/kb/getting-started/integrating-reveal-load-reveal-without-changing-your-xcode-project
中文版：http://support.revealapp.com/kb/getting-started/revealxcodereveal

二、方法一查看真机任意app（以微信为例）

1.准备工作：

1.1 真机越狱（越狱方法很多）

1.2 安装openSSH（在Cydia里搜索安装）

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

1.4安装PP助手

2、开始连接配置

2.1使设备与电脑保持同一局域网（需要使用openSSH连接的）

2.2获取想要查看app的BundId，电脑用数据线连接设备，打开PP助手：

获取了info.plist文件后，打开并找到Bundle identifier：

2.3 创建Plist文件

2.4将Reveal库文件拷贝到设备中

2.4.1拷贝Reveal.framework 到设备/System/Library/Frameworks，打开终端，输入：

scp -r /Applications/Reveal.app/Contents/SharedSupport/iOS-Libraries/Reveal.framework root@<设备IP>:/System/Library/Frameworks

2.4.2同样的方法拷贝libReveal.dylib 到设备/Library/MobileSubstrate/DynamicLibraries，打开终端，输入：

scp -r/Applications/Reveal.app/Contents/SharedSupport/iOS-Libraries/libReveal.dylib root@<设备IP>:/Library/MobileSubstrate/DynamicLibraries

2.4.3最后再把配置好的 libReveal.plist文件拷贝到设备/Library/MobileSubstrate/DynamicLibraries，打开终端，输入：

scp -r libReveal.plist root@<设备IP>:/Library/MobileSubstrate/DynamicLibraries

这里写图片描述

到这里，所有的工作已经做完了，下面开始享受我们的成果吧

运行查看

首先设备和电脑还是要在同一局域网内，先在设备上打开应用app，保持App在前台运行，然后在Mac中打开Reveal。

当设备上的App页面切换后，需要点击Reveal窗口右上角刷新按钮进行刷新（Commend+R）。

三、方法二快速查看真机app

1.准备工作

1.1 越狱真机设备

1.2 安装OpenSSH（在Cydia里搜索安装）

1.3 安装Cydia substrate（在Cydia里搜索安装）

1.4 安装Reveal loader（在Cydia里搜索安装）

2.配置设备里的Reveal

配置手机设备里的Reveal。
进入『设置-》Reveal-》Enable Applications-》选择需要查看的APP，然后打开开关』

这里写图片描述

好了，准备工作做完了，开始愉快地享受成果吧

运行查看

首先设备和电脑还是要在同一局域网内，先在设备上打开应用app，保持App在前台运行，然后在Mac中打开Reveal。

界面主要分为三部分：
1、左边部分是整个界面的层级关系，在这里以树形层级的方式来查看全部界面元素。

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

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