官网 http://revealapp.com

做iOS的开发，UI是非常非常重要的一环。调试时我们一般用模拟器，提交前用真机做测试。用模拟器来调试UI效果虽然快捷方便，但有时仍然希望有更强大的工具来帮助分析UI，尤其是专注在UI的效果调试时。最近看到了Reveal这个工具，发现真的是强大无比，类似于FireFox上的FireBug，对于UI上的层的显示很清晰直观，可以很方便的用于UI的调试，用来学习UI的使用也是无上利器。

这个工具目前已经出到正式版了，需要花费银子购买，好在还有30天的试用版本可以下载尝尝鲜。（下载地址http://revealapp.com）

安装Reveal不算复杂，要把Reveal用到工程中则需要把framework或者dylib编入。

1. 打开Xcode工程

2. 打开Revel工具，选择Menu->Help->Show Reveal Library in Finder，这样就会打开RevealApp里面带的库

3. 把Reveal.framework加入工程，在弹出框中选中Copy items into destination group’s folder (if needed).

4.在工程设置中，在Other Linker Flags项增加-ObjC -framework Reveal

如果你使用的还是Xcode4，那么还需要增加-frame CFNetwork -frame QuartzCore -framework CoreGraphics

5. 运行你的应用，应用可以是在模拟器上，也可以在真机上，不过必须保证Reveal和你的设备在同一个网络里面，然后选择Reveal里面的链接目标，连上应用后UI就会显示出来，每个层次，每个元素都可以显示，而且可以选中了看到数据。

我这里做的说明是把Reveal作为静态库链接到应用中的，也可以作为动态库来载入，当然，设置略微有点不同，需要在AppDelegate.m文件中增加载入和移除的代码。

最最强悍的是，有人研究出了用Reveal来观看任意app的UI方法，而且也不复杂，这个属于逆向工程的范畴了，在UI的学习上还是不错的（http://c.blog.sina.com.cn/profile.php?blogid=cb8a22ea89000gtw）。

查看UI调试界面利器 revealapp的更多相关文章

  1. ios 利用Reveal来调试界面1 --模拟器（步骤详解）

    Reveal是一个程序界面调试工具,可以调试iOS apps和tvOS apps.使用Reveal,我们可以在开发时动态地查看和修改应用程序的界面.避免每次修改UI的时候都要重新运行程序.接下来按照规 ...

  2. Mac OS X 10.9.3 UI 设置界面无法设置时区解决

    10.9.3 在选项设置里无法设置时区,表现为选择时区的点的位置后无法保存,导致系统时间错乱,解决方法是用终端设置: sudo systemsetup -gettimezone sudo system ...

  3. [转]javascript console 函数详解 js开发调试的利器

    javascript console 函数详解 js开发调试的利器   分步阅读 Console 是用于显示 JS和 DOM 对象信息的单独窗口.并且向 JS 中注入1个 console 对象,使用该 ...

  4. 在 Snoop 中使用 PowerShell 脚本进行更高级的 UI 调试

    原文:在 Snoop 中使用 PowerShell 脚本进行更高级的 UI 调试 版权声明:本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可.欢迎转载.使用.重新发布, ...

  5. android常用的一些UI调试命令am，pm

    转自:http://www.52rd.com/Blog/Detail_RD.Blog_blogercn_71675.html android在开发者模式下,我们能够使用adb执行andorid手机上s ...

  6. Linux 中查看网口流量的利器 -- sar

    Linux 中查看网口流量的利器 -- sar   有这么一个小工具,通过它能够查看各个网口的IP报文流量统计. 利用sar命令,加上-n DEV参数,即可统计出所有网卡上的流量,在显示的第五和第六列 ...

  7. Android UI 调试常用工具（Dump view UI hierarchy for Automator）

    UI调试时程序员比较头疼的问题:有时候经常会被1dp.2dp的问题,搞得无言以对(Android开发深有体会) 下面介绍一个在实际开发过程中常用的一个调试工具,可以精确到每个View在屏幕中的绝对位置 ...

  8. 在PC机上，如何用Chrome浏览器模拟查看和调试手机的HTML5页面？

    如题,如何用PC机上的Chrome浏览器模拟查看和调试手机HTML5页面? 参考操作步骤如下: 第一步.用Chrome打开要调试的页面: 第二步.按F12,打开“开发者工具”,点击其右上角的“Dock ...

  9. WPF案例：如何设计历史记录查看UI

    (CSDN博客目前不支持外链, 只能纯文字) 设计WPF的UI,一般遵循下面的步骤: 1.首先分析数据结构 2.根据数据结构选择合理控件 3.定制外观 具体对于历史记录查看UI, 我们可以得知: 1. ...

随机推荐

  1. Linux数字权限解释

    linux系统文件夹644.755.777权限设置详解 ,左至右,第一位数字代表文件所有者的权限,第二位数字代表同组用户的权限,第三位数字代表其他用户的权限. 而具体的权限是由数字来表示的,读取的权限 ...

  2. eclipse里maven install时,报错提示jdk为无效的目标版本:1.7

    http://blog.csdn.net/wabiaozia/article/details/51733372 ************************************ 报错提示: [ ...

  3. Winform_ComBox三种赋值方式

    第一种方法: DataTable dt = new DataTable(); dt.Columns.Add( "name" ); dt.Columns.Add( "val ...

  4. lftp

    linux安装FTP工具 lftp及使用教程 来源:网络 发布时间:2013-05-24 15:21 字体:[大  中  小] 点击2510次 linux下可以直接通过FTP命令进行ftp上传下载,不 ...

  5. #array_parents #parents的区别

    https://www.drupal.org/node/279246 #array_parents  => 一定会反映表单的物理结构 就是该是哪个下面就是哪个下面 不来虚的#parents  = ...

  6. phalcon（费尔康）框架学习笔记

    phalcon(费尔康)框架学习笔记 http://www.qixing318.com/article/phalcon-framework-to-study-notes.html 目录结构   pha ...

  7. selenium+python笔记9

    #!/usr/bin/env python # -*- coding: utf-8 -*- """ @desc: delete mail 我们多添加一些测试场景,比如:删 ...

  8. 纯css代码写旋转动画

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. arcgis API for javascript 学习笔记

    ArcGis Server地图是缓存的,意味着它有服务器管理员简历提示性能的一组预先渲染的切片.由于这个原因地图通过ArcGISTiledMapServiceLayer表示 如果地图服务没有一个可用的 ...

  10. (17)odoo方法和修饰器

    ---------------------更新时间:11:06 2016-09-27 星期二18:06 2016-09-18 星期日10:31 2016-03-01 星期二-------------- ...