perfetto 是从安卓9.0开始可用的安卓系统性能监测相关的一个工具，可以参考官网： perfetto
通常我们使用 ui.perfetto.dev 来查看从系统里面抓取到的信息，这个网站是可以离线使用的，但是某些时候，我们需要将这个网站离线或者部署到内网使用，这里我们主要参考 Perfetto build instruction。p.s: 官网是更加详细的，这里只是简单总结一下步骤。

1、下载源码

你可以通过这样一条命令下载到源码

git clone https://android.googlesource.com/platform/external/perfetto/

做Android Framework或者固件的人一样就能看出来了，这条命令下载了AOSP源码下的 platform/external/perfetto，下载到源码的方式还有很多，例如Github上 perfetto。

2、下载依赖

下载需要外网环境和Linux系统

cd perfetto
tools/install-build-deps --ui

这里最好使用Ubuntu环境，并且需要安装 3.7 版本以上的 python3，如果不想破坏宿主机环境，可以用虚拟机或者docker来解决。
这一步视网络环境，下载时间在 10min~30min 左右。

3、编译运行（p.s 这一步可能需要 16GB 内存，我用12GB内存的虚拟机是跑不起来的）

ui/run-dev-server

成功运行之后，你会看到类似下图的信息，如果你是在本地编译运行，这个时候通过浏览器范围 http://127.0.0.1:10000 应该可以正常看到网页了。

如果你不是在本地编译运行，可以用类似

./ui/build -s --serve-host 0.0.0.0 -w

的命令来运行，然后浏览器直接访问编译和运行perfetto的设备的IP地址，端口为 10000来访问它。下面我是在局域网运行的样例

4. 离线部署

第三步有提及，编译运行需要12GB上内存，这个条件直接劝退VPS内存小的人。ui.perfetto.dev 实际上是一堆js/html文件，编译运行之后，对应的网页文件在源码路径out/ui/ui/dist里面能找到，dist 目录里面的文件大概是这些（p.s: 如果你编译出来没有 service_worker.js ，使用命令编译运行不要停掉，用浏览器访问一次服务就会生成出来）

dist
├── index.html
├── service_worker.js
├── service_worker.js.map
└── v36.1-127c77716
    ├── assets
    │   ├── brand.png
    │   ├── catapult_trace_viewer.html
    │   ├── catapult_trace_viewer.js
    │   ├── favicon.png
    │   ├── logo-128.png
    │   ├── logo-3d.png
    │   ├── MaterialSymbolsOutlined.woff2
    │   ├── rec_atrace.png
    │   ├── rec_battery_counters.png
    │   ├── rec_board_voltage.png
    │   ├── rec_cpu_coarse.png
    │   ├── rec_cpu_fine.png
    │   ├── rec_cpu_freq.png
    │   ├── rec_cpu_voltage.png
    │   ├── rec_frame_timeline.png
    │   ├── rec_ftrace.png
    │   ├── rec_gpu_mem_total.png
    │   ├── rec_java_heap_dump.png
    │   ├── rec_lmk.png
    │   ├── rec_logcat.png
    │   ├── rec_long_trace.png
    │   ├── rec_mem_hifreq.png
    │   ├── rec_meminfo.png
    │   ├── rec_native_heap_profiler.png
    │   ├── rec_one_shot.png
    │   ├── rec_profiling.png
    │   ├── rec_ps_stats.png
    │   ├── rec_ring_buf.png
    │   ├── rec_syscalls.png
    │   ├── rec_vmstat.png
    │   ├── Roboto-100.woff2
    │   ├── Roboto-300.woff2
    │   ├── Roboto-400.woff2
    │   ├── Roboto-500.woff2
    │   ├── RobotoCondensed-Light.woff2
    │   ├── RobotoCondensed-Regular.woff2
    │   ├── RobotoMono-Regular.woff2
    │   └── scheduling_latency.png
    ├── engine_bundle.js
    ├── engine_bundle.js.map
    ├── frontend_bundle.js
    ├── frontend_bundle.js.map
    ├── index.html
    ├── manifest.json
    ├── perfetto.css
    ├── perfetto.css.map
    ├── traceconv_bundle.js
    ├── traceconv_bundle.js.map
    ├── traceconv.wasm
    └── trace_processor.wasm

2 directories, 53 files

把这些文件拿出来用任意一个你喜欢的web服务器搭建一个静态文件服务器即可，同样的，如果你实在没有编译运行的环境，还可以直接把 ui.perfetto.dev 扒下来。

5.移掉 is_internal_us.js 的访问

访问官网 ui.perfetto.dev 的时候，明明说是可以离线运行并且UI都出来了，但是每次访问官网，浏览器还是得转半天，打开浏览器得调试页面可以看到还访问了https://storage.cloud.google.com/perfetto-ui-internal/is_internal_user.js，如下图所示

这个链接即使在外网也是访问不到的，这里提供两种办法。

如果自己没有需要访问谷歌云的需求，可以直接改本机的hosts，把 storage.cloud.google.com 指向 127.0.0.1 在，这样它访问失败的速度比较快。
编译运行之前，修改源码的ui/src/frontend/index.ts，按照下图所示把对应的位置注释掉，然后重新编译运行、部署。