iOS开发技巧-使用Reveal查看第三方APP的界面结构

看完这篇文章你将会GET以下几个技能

  • 苹果手机越狱
  • 动态调试自己的APP界面
  • 动态调试第三方的APP界面

前言

我们平时在做原生界面开发的时候,想要查看界面的层次结构,可以使用Xcode自带的功能Debug View Hierarchy,但如果电脑稍微旧一点,可能打开都会卡一会才能显示出来,而且功能又少,只能简单地查看一下当前界面的层次结构。

Reveal or Lookin

为了解决这个开发中的痛点,其实国内外都已经有很成熟的第三方软件可以供我们调试界面了,例如国外开发的Reveal以及国内由腾讯技术团队开发的Lookin

Reveal:可以调试自己的APP(不需要越狱)以及其他第三方APP的界面结构(需要越狱)
Lookin:仅可以调试自己的APP的界面结构,不需要越狱

比较之下,Reveal的功能更加强大点,所以接下来我会讲解RevealReveal可以干些什么呢?

  • 实时显示APP当前界面的层次结构。(Lookin还可以看到对应元素的命名)
  • 可以动态更改界面的元素,例如文字颜色,背景颜色,View之间的间距等等。这个很有用,有时候我们想要改一下间距或者颜色的话,需要改一次又编译一次,然后不满意继续改继续编译,浪费了很多时间,学会利用Reveal会让你节省很多开发时间,提高工作效率
  • 可以直接调试第三方APP的界面(本文的重点
  • ...

我在网上搜到很多关于Reveal的文章大多都是几年前的了,到现在没有更新过,如果我们直接按着这些文章来学的话可能会走很多弯路,因为有一些东西没有讲得很清楚并且Reveal最新版本的其中的一些文件已经改了名了,所以在这里整理一下目前正确的使用方法

调试自己的APP

如果仅仅需要调试自己的APP的话,直接把下面流程拿到的RevealServer.framework丢进工程目录就可以进行调试了,不需要越狱

进入正题 - 分析任意APP的界面结构

准备材料
越狱

我使用的是iPhone5s 系统版本 9.3.2
建议用windows电脑下载爱思助手,一键越狱(mac版本的爱思助手好像已经不能使用越狱功能了),也可以使用其他越狱方法,能成功越狱就行。

按照步骤一步一步越狱就可以了

  • 越狱成功后会有一个软件叫Cydia,能打开说明越狱成功,上面那种越狱方法是非完美越狱,重启设备后需要重新越狱,手机浏览网站http://jb92.i4.cn进行修复即可
  • 打开Cydia,点搜索,分别按顺序搜索并安装Cydia SubstrateOpenSSH
  • CydiaSubstrate是一个框架,允许第三方的开发者在系统的方法里打一些运行时补丁,扩展一些方法.只有安装了CydiaSubstrate才会有下面要用到的目录,/Library/MobileSubstrate/DinamicLibraries
配置文件
  • 手机需要用数据线连接电脑
  • 安装好openSSH之后,需要拷贝Reveal的两个东西到手机对应目录里面
  • 如果是下载了我上面提供的破解版,里面的文件目录是这样的

Reveal拖入应用程序即安装完成,然后打开Reveal->Help->Show Reveal Library in Finder->iOS Library

  • 拷贝Reveal.framework
    打开后把RevealServer.framework拷贝到桌面或者其他地方

把拷贝完的文件的文件名由RevealServer.framework修改为Reveal.framework

然后丢进手机文件夹/System/Library/Frameworks/目录下,可以直接使用爱思助手的文件管理导入到该目录下面,也可以使用openSSH导入
终端输入

scp -r /Users/Jimmy/Desktop/Reveal.framework root@192.168.0.x:/System/Library/Frameworks

上面这条指令中,注意替换一下自己的reveal.framework的绝对路径,以及自己手机的ip地址

  • 拷贝libReveal.dylib
    还有一个文件需要导入,把reveal.framework下的RevealServer名字改为libReveal.dylib

然后按上面那种方式导入到/Library/MobileSubstrate/DynamicLibraries/目录下

scp /Users/Jimmy/Desktop/RevealServer.framework/RevealServer root@192.168.0.x:/Library/MobileSubstrate/DynamicLibraries
  • 创建libReveal.plist文件并导入
    通过终端在电脑上创建一个名为 libReveal.plist文件
MacdeMacBook-Pro:~ Jimmy$ echo "" > libReveal.plist

往文件里加入下面内容

{
    Filter = {
        Bundles = (
            "com.taobao.taobao4iphone"
        );
    };
}

如下

加入你想查看的AppBundle IdBundles数组中,可以通过爱思助手查看对应APP文件夹的iTunesMetadata.plist文件中的softwareVersionBundleId对应的值,以上是某宝的Bundle Id

然后把这个文件导入到/Library/MobileSubstrate/DynamicLibraries/目录下,导入方式同上。

配置完成
  • 重启一下手机,如果是非完美越狱的话重启后需要再次越狱(如果是按我这种方式越狱的话,手机浏览爱思助手提供的网站进行修复即可)

  • 现在可以直接打开Reveal调试第三方App了,这里我用某宝举例。
    有两种连接方式,一种是通过数据线连接,另一种是通过WIFI连接(手机和电脑必须在同一个WIFI下)

  • 手机打开某宝APPReveal的可调试列表中就会显示某宝了


    下面是某宝的首页的层次结构

  • 以后遇到什么不懂的布局/觉得自己的布局很糟糕/对别人app的布局好奇的话都可以通过Reveal来分析他们的布局了,对比优秀的App的布局和你的布局,学习他们好的地方~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 200,667评论 5 472
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,361评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 147,700评论 0 333
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,027评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,988评论 5 361
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,230评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,705评论 3 393
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,366评论 0 255
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,496评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,405评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,453评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,126评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,725评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,803评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,015评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,514评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,111评论 2 341

推荐阅读更多精彩内容