Chrome Profiler导出的是JSON Trace Event Format文件，含多维trace数据；需用speedscope、perfetto或chrome-to-flame等工具转换为火焰图或pprof格式供第三方平台分析。
Chrome JavaScript Profiler 本身不直接导出结构化原始数据（如 JSON 格式的调用栈采样序列），但它支持导出可被标准分析工具识别的性能记录文件，配合少量转换即可接入第三方可视化平台。
导出 Chrome Profiler 的原始性能记录
在 Chrome DevTools 的 Performance 面板中完成录制后：
- 点击右上角三个点 → Save profile，保存为
.json文件（实际是 Chromium 的 trace format，即 JSON Trace Event Format） - 该文件不是纯函数执行时间表，而是包含时间戳、线程活动、V8 执行帧、GC 事件、渲染帧等多维 trace 数据的完整快照
- 注意：若需包含原生函数（如
Array.join内部实现），录制前须勾选 Show native functions 选项
提取 JS 执行相关的原始采样数据
要用于第三方分析（如火焰图、调用耗时统计），需从 trace 文件中提取 V8 CPU profiler 样本。推荐使用开源工具处理：
-
speedscope：直接打开 Chrome 导出的
.json文件，自动解析并渲染交互式火焰图、平铺视图、重叠视图 - perfetto UI（ui.perfetto.dev）：上传 trace 文件，选择 “CPU > Flame chart” 视图，支持按进程/线程筛选，并可导出 SVG 或 PNG
- 命令行提取（进阶）：用
trace2json或自定义脚本过滤cat:disabled-by-default-v8.cpu_profiler事件，提取ts（时间戳）、tid（线程 ID）、stack（调用栈数组）字段，转为pprof或flamegraph.pl兼容格式
接入第三方可视化平台的常见路径
多数平台不原生支持 Chrome trace format，需做格式桥接：
立即学习“Java免费学习笔记（深入）”；
-
FlameGraph（Brendan Gregg）：用
chrome-to-flame工具将 Chrome JSON 转为折叠栈（folded stack）文本，再运行flamegraph.pl生成 SVG 火焰图 -
Pyroscope / Grafana Pyroscope：支持上传
pprof格式。可用chrome-profile-to-pprofnpm 包将 Chrome trace 转为 pprof，再推送至服务端 -
Elastic APM / OpenTelemetry Collector：需编写适配器，将 trace 中的
function、duration、self_time映射为 OTLP Span；关键字段如args.data中的callFrame可还原函数名与位置
注意事项与实操建议
导出和转换过程有几个容易出错的细节：
- 录制时务必禁用“Screenshots”选项（默认关闭），否则 trace 文件体积暴增且干扰 CPU 分析
- Chrome 120+ 版本中，
console.profile()生成的 profile 不含完整 trace 事件，仅适合快速比对，不可用于深度分析 - 若目标平台要求“采样频率”元信息（如每 1ms 一次），需在 Chrome 中手动设置采样间隔：DevTools 设置 → Preferences → Performance > Sampling interval（最低 100μs）
- 导出的 trace 文件默认不含源码映射（source map），若需精确到行号，请确保页面已加载 sourcemap 并在 DevTools 中启用 Enable JavaScript source maps
