如何以非交互方式打开带有 ui.perfetto.dev 的 chrome 跟踪文件？

Question

我生成 chrome 跟踪文件并通过脚本以非交互方式打开它们。但是，我不想使用默认的 chrome://tracing 页面，而是使用https://ui.perfetto.dev，我觉得这样更方便。

唯一的问题是它是一个交互式过程 - 我需要打开文件对话框并从那里选择跟踪文件，然后显示该文件中的跟踪。这里没有网络流量，纯Javascript。

但也许还有另一种方法可以在https://ui.perfetto.dev 中打开可以编写脚本的跟踪文件？或者也许有另一个网站提供相同类型的 GUI，但也满足我的要求？

脚本是指我想运行带有跟踪文件的脚本，因此默认浏览器会打开跟踪页面。

Answer 1

看看 tools/record_android_trace 在这里做了什么： https://github.com/google/perfetto/blob/master/tools/record_android_trace#L345

基本上你可以通过以下方式实现：

1. 通过 HTTP 提供文件（它必须是端口 9001 以满足 ui.perfetto.dev 内容安全策略）

2. 打开https://ui.perfetto.dev/#!/?url=http://127.0.0.1:9001/file.trace

url= 参数将导致 UI 代码自动从本地 Web 服务器获取跟踪。您可以在 GET 请求完成后立即将其杀死。