Debugging WebAssembly with modern tools

WebAssembly is a new binary format that allows developers to bring their experience and applications from a variety of programming languages to the web, and to share those experiences with even more users across all platforms.

However, porting code to a new target always comes with its own challenges: providing custom bindings to the host APIs, removing pieces that are not compatible with the chosen target, and, of course, finding hidden assumptions that only worked by chance on the original platform (or, as we like to call them: bugs). To successfully overcome these challenges, you want to be able to debug your source code not just on the platform it was originally built for, but on the target one as well. This talk looks at:
- How Chrome DevTools and Emscripten close this gap for C++ apps on the web
- New debugging features built over the last year
- Future integrations that still lie ahead

Resources:

Speaker: Ingvar Stepanyan

#chromedevsummit #chrome #webassembly

event: Chrome Dev Summit 2020; re_ty: Publish; product: Chrome - General; fullname: Ingvar Stepanyan;

[graczmisiek]

Wow this tool is amazing, I can't believe I lived without it.

[DFPercush]

4:45 is what you're here for. tl;dr
2. emcc -g ....
3. Optional if file is too big:

[amr]

Thank you so much for the video but the audio is clipping and the editor is small and not visible :(

[dzundzaviktr]

Are there the same plugins for go/rust wasm applications?

[justafreakable]

How about debugging rust in webassembly?

[martinzen]

PLEASE remake this video. Content is great but audio is god awful. Thanks for the useful info!

[minyeongjeong]

For people who are having trouble due to audio, recommend you to turn on subtitles

[EladioRochaV]

I have a question. In this case you can debug the code because it puts a command or something similar. Correct?
But in production the code written either in c ++ or rust and put in wasm, even if the users had that extension they could not read the code or could they?

[NamanSancheti]

Enabling Subtitles / CC can make it easier to consume the content, given that audio is very bad.
Thankfully these are provided in 7 languages.

[ptruyphong]

my project can -g, local variable do NOT show up .

[wanghbwang]

How to get the webassembly debug extension?

[brookeleesimoneharrison]

So gpw do I apply my cards e'mz;]\a;

[sammas]

Bug in devtools: when you active the new grid view by clicking on the "grid" button in the elements tab and you resize the viewport, you don't see the current viewport resolution in the upper right corner as usual. It should be nice to show it in the grid view too pls <3

[lisanlow]

Thank you, this is a clear and concise demo of webassembly debugging through DWARF!

[sharkofjoy]

These are end times, why are you posting interesting videos