Realtime Debug Portal简介

RDP是一个类似Web Inspector的工具,把这个工具引入我们的项目工程,并做一些简单的配置,然后启动应用,
在浏览器输入手机的IP地址,就可以看到UIView的树状结构和Log信息,还可以在浏览器中对View进行移动,
隐藏,选中高亮等操作。

配置步骤

1
2
3
4
5
6
7
8
9
10
11
12
13
14
把库文件、头文件以及资源文件(bundle)引入项目即可,有两点需要注意一下:

把工程中的Build Settings中的Other Linker Flags设置为-ObjC;
使用iOS5或以上SDK;
然后在合适位置调用以下代码:
#import "libRDP.h"
[RDP startServer];
启动应用之后,状态栏会显示出你需要访问的地址,模拟器一般会显示http://127.0.0.1:8080 ,
请使用Chrome或者Safari打开。

当选中某个view之后,RDP会在这个view上面盖一层蓝色透明遮罩以便开发者区别。
用户可以通过按下方向键来移动view,每次会移动1个逻辑像素;按住shift加方向键可以移动10个逻辑像素;
按住w字母键,加方向键可以调整大小;
点击h可以切换hidden状态;

也可参考github上这里

试用体会

1)目前,支持视图的Inspect、position和size调整、隐藏或显示
2)方便集成到项目,UE简单明了很容易上手,基本能满足界面布局调试需求

参考

  1. Redesign Your App for iOS 7 之 页面布局
  2. Realtime Debug Portal的github