美文网首页GeekBandiOS开发
Reveal:实时查看调试 UI 布局

Reveal:实时查看调试 UI 布局

作者: d30d9e0626b0 | 来源:发表于2015-08-14 00:12 被阅读1546次

Reveal 介绍

RevealReveal

Reveal 最早是在唐巧的《iOS 开发进阶》看到的,当时不以为然。其实书中很多内容都不以为然,因为那时候还是入门阶段,自然看不懂的。主要缺乏交流,自悟容易自误。

最近 GeekBand 的段松老师的课程,纯代码的 UI 布局,就遇到了极大的困惑:布局错了不知道在哪里,控件失踪了(跑到屏幕外的 frame)。搜索了一下,重新找到 Reveal 介绍的文章,试用了一下很强大。可以实时更改控件属性、大小位置等等,同步显示在真机或 Simulator 中。和 Sketch、Photoshop 的 Mirror 功能差不多,当然只是调试,实际更改还要在 Xcode 中完成。

Reveal 使用方法

Reveal 官方教程:http://support.revealapp.com/kb/getting-started/integrating-reveal-add-reveal-to-your-xcode-project

推荐越狱,只要简单配置一下,还可以查看手机安装的第三方 APP。

  • 越狱后安装 Apple File Conduit "2" 和 OpenSSH
  • 导入 libReveal.dylib :

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

  • 导入 libReveal.plist,格式如下:
{
Filter = {
Bundles = (
"com.apple.test",
);
};
}

scp ~/Documents/libReveal.plist root@192.168.0.X:/Library/MobileSubstrate/DynamicLibraries

小技巧:网上下载的 Demo 直接改 Bundle ID:com.apple.test,即可开始 Reveal 了。

Debug View Hierarchy in Xcode

Xcode 的 Debug View Hierarchy 只能看看,就弱爆了。而且极易造成 Xcode 崩溃。

Debug View Hierarchy in XcodeDebug View Hierarchy in Xcode

相关文章

  • Reveal:实时查看调试 UI 布局

    Reveal 介绍 Reveal 最早是在唐巧的《iOS 开发进阶》看到的,当时不以为然。其实书中很多内容都不以为...

  • iOS 越狱开发

    Reveal 实时监测目标App 的UI布局。 反汇编工具:IDE(多平台) Hopper(mac) 调试工具:L...

  • UI开发利器_Reveal安装和使用

    Reveal是一个非常好的UI分析工具,可以实时调试控件在页面的布局,比如实时更改控件的frame,马上就能在模拟...

  • 配置Reveal

    Reveal是一个用于查看程序界面结构和调试界面的工具,可以直观的查看应用的UI布局. 下载链接 推荐使用coco...

  • 【ios逆向开发基础05】Reveal使用

    1、Reveal简介 Reveal是由ITTY BITTY出品的UI分析工具,可以直观的查看App的UI布局。分左...

  • iOS日常开发工具

    UI调试工具: 查看视图层级Reveal[https://revealapp.com]Lookin[https:/...

  • 破解《Reveal》

    Reveal简介 Reveal能查看iOS App的视图布局,而且能在App运行时进行视图调试。 破解过程 下载下...

  • Reveal Version 12 使用指南

    Reveal 是什么? Reveal 是一款在iOS 开发时能实时查看界面UI的工具。类似Xcode本身自带的Vi...

  • iOS开发Reveal的使用

    最近学习了一下iOS UI调试工具Reveal的使用,果然是神器,有了这款工具,在UI调试以及查看UI的层级方面简...

  • 使用Reveal查看手机App UI的前期准备

    Reveal是查看UI层次结构的利器,可以方便的和Xcode配合使用在模拟器或真机上查看、调试自己的App UI。...

网友评论

    本文标题:Reveal:实时查看调试 UI 布局

    本文链接:https://www.haomeiwen.com/subject/btqwqttx.html