WebAssembly调试及Emscripten相关运行问题咨询

以下是几种实用的实现方式：

• 直接导出浏览器日志：打开浏览器DevTools（F12）→切换到Console面板→右键日志区域→选择「Save as」，将日志导出为文本文件，后续可通过脚本（如Python）读取并对比。
• 重写console.log捕获输出：在生成的index.html或Emscripten胶水代码开头添加以下代码，将日志同时存入数组并支持下载：

  const logRecords = [];
  const originalConsoleLog = console.log;
  
  console.log = (...args) => {
    logRecords.push(args.join(' '));
    originalConsoleLog(...args);
  };
  
  // 页面加载完成后自动下载日志文件
  window.addEventListener('load', () => {
    const logBlob = new Blob([logRecords.join('\n')], { type: 'text/plain' });
    const downloadLink = document.createElement('a');
    downloadLink.href = URL.createObjectURL(logBlob);
    downloadLink.download = 'wasm-console-logs.txt';
    downloadLink.click();
  });
  

• 用emrun命令行捕获输出：启动时添加参数直接将控制台输出重定向到文件：

  emrun --browser chrome --stdout wasm-stdout.txt --stderr wasm-stderr.txt index.html
  

1. Node.js环境调试 #

• 结合Chrome DevTools远程调试：

  node --inspect-brk your-generated-script.js
  

  打开Chrome浏览器输入chrome://inspect，找到对应Node进程点击「inspect」，即可在DevTools中调试Wasm（支持断点、内存查看、原代码映射）。
• 纯命令行调试：使用Node内置调试器：

  node inspect your-generated-script.js
  

  支持单步执行（n）、设置断点（sb()）、查看变量等基础调试操作。

2. 独立Wasm运行时调试（类似原生调试体验） #

• Wasmtime + GDB/Pwndbg：
  先启动Wasmtime调试模式：

  wasmtime --gdb your-module.wasm
  

  另开终端用GDB连接（可搭配Pwndbg插件增强）：

  gdb -ex "target remote localhost:9090"
  

  支持内存查看、断点设置、寄存器读取等原生调试操作。
• wabt工具链的wasm-debugger：
  安装wabt后直接运行：

  wasm-debugger your-module.wasm
  

  可单步执行Wasm指令、查看栈帧与内存状态。

关键前提：编译时开启调试信息 #

调试前必须用Emscripten编译时添加-g参数，生成带调试符号的文件：

emcc your-source-code.c -g -o output.js

之前调试无效大概率是因为未添加该参数，导致调试器无法映射Wasm指令到原代码。

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