Debugging WebAssembly with modern tools

on YouTube ↗09m

" summary

Chrome DevTools plus Emscripten provide source-level debugging for C++ compiled to WebAssembly: raw disassembly shows unreadable locals but installing the Wasm debugging extension and emitting DWARF lets DevTools show original C++ files, step over expressions, and inspect typed variables. The demos compile a small Fibonacci and Mandelbrot demos to WASM and succeed in stepping through real and imaginary parts and palette colors. Splitting debug info out with split-out DWARF reduces binary by ~30KB for the example; Google Earth uses this workflow on large C++ builds.

AI-written summary · about

" chapters (4)

1. 0:00Intro
2. 0:18Basic debugging
3. 7:13Debugging larger files
4. 8:43Outro

" related talks

• 13mWebAssembly Debugging DemystifiedNisanthan Nanthakumar · Wasm I/O 2023
• 52mWebAssembly: Taking Your C++ and Going PlacesNipun Jindal, Pranay Kumar · CppCon 2022
• 46mWebAssembly (Digging a bit deeper)Steve Klabnik · Open Source 101 at Home 2020
• 26mNavigating Strategies for Debugging WASMShivay Lamba, Ashwin Kumar Uppala · Cloud Native Wasm Day NA 2023
• 24mNo More Printf: Interactive Debugging Wasm for web and serverTill Schneidereit, Ralph Squillace · Wasm I/O 2025
• 32mWebAssembly DemystifiedJay Phelps · Jazoon TechDays Spring 2017
• 39mBringing the power of C++ to the webKrzysztof Paprocki · Meeting C++ 2019
• 01h 30mApplied WebAssembly: Compiling and Running C++ in Your Web BrowserBen Smith · CppCon 2019