跳到正文
新1.2:改写环境、虚拟节点、在 Xcode 中打开 →

逐层查看 iOS 界面。

Cutaway 是一个免费的 Mac App,让你看到正在运行的 iOS App 内部:界面的每一个图层,以 2D 平铺或在 3D 中分层展开,连同它的属性和 Auto Layout 约束。改一个值,App 随之改变。

版本 1.2.0 · macOS 14 或更新版本 · 免费、开源

Cutaway 在 3D 中检查一个 App:图层树、分层展开的图层,以及所选图层的属性。Cutaway 在 3D 中检查一个 App:图层树、分层展开的图层,以及所选图层的属性。

三步完成第一次检查

约十分钟,大部分时间在等构建。

1

加入 CutawayServer

把这个 Swift 包加进你的 iOS App,并在启动时开启它。它只进入 Debug 构建。

CutawayServer.start()
2

运行你的 App

在模拟器里,或在用线缆连接 Mac 的 iPhone、iPad 上。

3

打开 Cutaway

几秒钟内你的 App 就会出现在列表里。选中它,图层随即到来。

阅读开始使用指南 →

看清界面究竟是怎样搭起来的

下面的一切在模拟器里和经 USB 连接的设备上都可用,适用于任何集成了 CutawayServer 的 App。

预览

把界面拆开来看

在 3D 中把图层分开,用触控板转动,看清谁在谁后面。在列表里折叠一棵子树,它就合回一层。

预览 →
测距

不用尺子也能量

选中一个图层,按住 ⌥ 指向另一个,在预览里或图层列表里都可以。距离以点为单位显示,2D 和 3D 下都有。

测距 →
属性

在运行中修改

编辑文字、颜色、不透明度、边距等。每项修改立即作用于运行中的 App,⌘Z 可以撤销。

属性 →
Auto Layout

顺着约束找下去

看到指向一个视图的每一条约束、哪些没有生效、另一端在哪里。点按另一端就跳过去。

约束 →
环境需要 CutawayServer 1.2

试试深色模式和更大的文字

从工具栏改写 App 的外观、文字大小、布局方向和尺寸类别,预览随之更新,不用打开模拟器的设置。

环境 →
存档

留下你的发现

把一次检查存为 .cutaway 文件,以后在任何一台 Mac 上打开,不用连设备:图层树、截图、属性和约束都在。

存档与导出 →

一万个图层也很快

在开发用的 Mac 上,每次完整测试都守住这些指标,测试用的是一棵按真实 App 的形状生成的 10,000 个图层的树。

2 秒从图层树到达到列表显示出来
16 毫秒转动相机时画出新的一帧
100 毫秒从选中一行到预览和检查器跟上
Cutaway 怎样保持快速 →

只在你的 Mac 和你的 App 之间

隐私与安全 →
  • Cutaway 经回环地址与模拟器通信,经 USB 线缆与设备通信,不与其他任何地方通信。
  • 没有账户,没有统计,没有崩溃报告。检查更新时只向 GitHub 要版本列表,不发送你的 Mac 的任何信息。
  • CutawayServer 只监听 127.0.0.1,并且不进入 Release 构建,除非你主动打开。

三个开源的部分

Mac App 与 iOS SDK 不共享代码,只共享一个带版本的协议,所以任何一边都可以单独阅读、测试或替换。

Cutaway

macOS App。找到你的 App,画出它们的图层,编辑它们的属性。Swift、AppKit 和 Metal。

GPL-3.0 · macOS 14 或更新版本

CutawayServer

加进你的 App 的 iOS SDK。Cutaway 请求时截取图层、图像和属性。纯 Swift,没有依赖。

MIT · iOS 13 或更新版本 · Swift Package Manager

Cutaway Protocol

两者之间的 FlatBuffers 协议:带编号的规范、schema,以及用来测试任何一端的夹具。

MIT · 版本 1.2

准备好看看里面了吗?

全部版本与校验和

Cutaway 是采用 GPL-3.0 许可证的自由软件。CutawayServer 与 Cutaway Protocol 采用 MIT 许可证。