WebAssembly (Digging a bit deeper)

on YouTube ↗46m

" summary

Shows the .wasm binary layout (module sections, magic/version bytes) by compiling a small Rust add_one example with wasm-pack and wasm-bindgen and inspecting it in wasm code explorer, explains why source maps fail for many cases and why native tooling (ELF + DWARF-backed debugging) is being adopted, surveys browser support (Chrome DevTools work in progress) and WASI for non-browser hosts, and demonstrates that debugging can work end-to-end but breaks when postcompile optimizers strip or misalign debug info.

AI-written summary · about

" chapters (7)

1. 0:00Introduction to WebAssembly
2. 1:02Inside the specification
3. 8:01Format and execution
4. 14:48Analyzing binary files
5. 21:13Debugging challenges
6. 30:23Using ELF and DWARF tools
7. 37:36Ecosystem and Q&A

" related talks

• 13mWebAssembly Debugging DemystifiedNisanthan Nanthakumar · Wasm I/O 2023
• 09mDebugging WebAssembly with modern toolsIngvar Stepanyan · Chrome Dev Summit 2020
• 32mWebAssembly DemystifiedJay Phelps · Jazoon TechDays Spring 2017
• 49mWasmer Things: An Upside-Down Guide to WebAssemblyEdoardo Vacchi · Voxxed Days Zurich 2023
• 16mWhy WebAssemblyMiguel Useche · JSConf Mexico 2020 Virtual Edition
• 32mBringing WebAssembly outside the web with WASILin Clark · Full Stack Fest 2019
• 36mWasmer Things: An Upside-Down Guide to WebAssemblyEdoardo Vacchi · Wasm I/O 2023
• 37mDecoding the hype behind WebAssembly: Looking under the hoodSohan Maheshwar · Heapcon 2024