WASM测试程序在Chrome中执行卡住，如何优雅定位卡顿函数？

• Chrome DevTools 性能分析器
  直接用Chrome自带的Performance面板：

  1. 打开DevTools（F12或Ctrl+Shift+I），切换到Performance标签
  2. 点击录制按钮（圆形红点），触发卡顿场景后等待几秒再停止录制
  3. 火焰图里WASM函数会显示为[WASM] 函数名，放大卡顿区间，看哪个函数持续占用CPU时间最长——这就是卡顿核心点。就算是编译后的匿名函数，也能通过调用链反向对应到你的编译器生成逻辑。

• WASM调试器断点
  用DevTools的Sources标签定位：

  1. 展开左侧WASM模块列表，找到你的编译产物
  2. 给可疑函数打断点，或者右键选"Pause on exception"捕获异常——如果卡顿是死循环或异常触发的重复执行，能直接停在问题代码处
  3. 要是WASM代码没有函数名，也能通过字节码偏移量，结合你的编译日志反向定位到源码里的对应函数

• CPU采样与调用栈分析
  要是Performance火焰图不够细致，用DevTools的JavaScript Profiler（在More Tools里找）：

  1. 选"Sample JavaScript CPU Usage"，开始采样后触发卡顿
  2. 采样结束后，在"Bottom-Up"或"Call Tree"视图里按CPU占用率排序，找到WASM函数里占比最高的那个，这基本就是卡顿源头

• 自定义WASM性能标记
  不用全量打印函数调用，只给核心函数加性能标记：
  让你的编译器生成WASM代码时，在关键函数的入口和出口插入：

  ;; 函数入口插入
  i32.const 0  ;; 对应函数名的字符串索引
  call $console.time
  
  ;; 函数出口插入
  i32.const 0
  call $console.timeEnd
  

  之后在Chrome的Console或Performance面板的Timeline里，就能看到每个函数的执行耗时，快速揪出超时的函数

内容的提问来源于stack exchange，提问作者Antonio Noack