What's interesting here is that you can now debug WebAssembly applications with full C++ source-level debugging directly in Chrome, complete with breakpoints, variable inspection, and step-through debugging, just like a native desktop app.
What makes this particularly interesting is the technology stack: Emscripten embeds DWARF debugging symbols (the same format used for native Linux binaries) directly into WebAssembly binaries. A Chrome browser extension then reads these embedded symbols and reconstructs the original C++ source code view in the DevTools, mapping the compiled WebAssembly back to your Qt C++ source with full directory paths intact.
All of this would have seemed impossible not long ago.
Of course, because outside Apple's iDevices ecosystem what you have now is the ChromeOS Platform, with a standards body that basically rubber stamps what Google and everyone shipping Chrome forks want.
It's up to the other browser vendors to implement similar extensions. It's just that most people involved with WASM seem to have ended up at Google (see Emscripten which moved to Google when Mozilla lost interest in innovating).
In VSCode it's quite a bit more convenient since you don't need to faff around with Chrome extensions or the browser dev tools and debugging happens right in VSCode.
It still requires some tinkering with launch.json to glue a couple of VSCode extensions together though, but the result is that I can simply press F5 in VSCode to step into my C/C++ code with the debuggee running remotely in Chrome - e.g. exactly the same workflow like a native debug session:
Debugging wasm qt apps is not hard at all. Yes, as the article says, you need to build the code in debug mode, this isn’t unusual.
If you use qtcreator, it’s, and I hate this word, trivial. Most of the work comes from setting up the qt kit in qtcreator… which takes about 5 minutes.
Breakpoints just work. Debugging just works. Everything… works.
> Breakpoints just work. Debugging just works. Everything… works.
...and you're actually debugging the WASM executable which runs in a browser and not a native version of the application?
Not that it matters most of the time, I also do 99% of my debugging session on the native target. But for debugging problems that only happen in the WASM version actually debugging the WASM version makes a lot of sense, and that was anything but trivial not too long ago (if QtCreator can actually pull off a remote debugging session where the debuggee runs in Chrome then kudos to QtCreator).
I think you are disconnected from the pain of debugging in the past. The fact that it all works so seamlessly together now is a bit fascinating and astounding.
> It would be great for the browser become the cross-platform application target.
This is the kind of thing that I feel is very nice and terrible at the same time. Yes it is convenient but it is also such a complex piece of software, it's sad that it is required to run gui apps. Ok, it may not be required yet per say, but I have mixed feelings about this direction.
We've tweaked our styles to take the new design metrics into account, and fixed or worked around issues where we've seen them. We don't integrate with NSGlassEffectView and friends yet. If you find any issues in recently released version of Qt 6.10, 6.8 or 6.5, please report them upstream, thanks!
What's interesting here is that you can now debug WebAssembly applications with full C++ source-level debugging directly in Chrome, complete with breakpoints, variable inspection, and step-through debugging, just like a native desktop app.
What makes this particularly interesting is the technology stack: Emscripten embeds DWARF debugging symbols (the same format used for native Linux binaries) directly into WebAssembly binaries. A Chrome browser extension then reads these embedded symbols and reconstructs the original C++ source code view in the DevTools, mapping the compiled WebAssembly back to your Qt C++ source with full directory paths intact.
All of this would have seemed impossible not long ago.
> directly in Chrome
So it doesn't work in any other browser? More incentive for those web 4.0 or 5.0, i lost count, "experts" to only support Chrome?
Of course, because outside Apple's iDevices ecosystem what you have now is the ChromeOS Platform, with a standards body that basically rubber stamps what Google and everyone shipping Chrome forks want.
It has stopped being the Web long time ago.
It's up to the other browser vendors to implement similar extensions. It's just that most people involved with WASM seem to have ended up at Google (see Emscripten which moved to Google when Mozilla lost interest in innovating).
In VSCode it's quite a bit more convenient since you don't need to faff around with Chrome extensions or the browser dev tools and debugging happens right in VSCode.
It still requires some tinkering with launch.json to glue a couple of VSCode extensions together though, but the result is that I can simply press F5 in VSCode to step into my C/C++ code with the debuggee running remotely in Chrome - e.g. exactly the same workflow like a native debug session:
https://floooh.github.io/2023/11/11/emscripten-ide.html
I feel like this article is severely flawed.
Debugging wasm qt apps is not hard at all. Yes, as the article says, you need to build the code in debug mode, this isn’t unusual.
If you use qtcreator, it’s, and I hate this word, trivial. Most of the work comes from setting up the qt kit in qtcreator… which takes about 5 minutes.
Breakpoints just work. Debugging just works. Everything… works.
> Breakpoints just work. Debugging just works. Everything… works.
...and you're actually debugging the WASM executable which runs in a browser and not a native version of the application?
Not that it matters most of the time, I also do 99% of my debugging session on the native target. But for debugging problems that only happen in the WASM version actually debugging the WASM version makes a lot of sense, and that was anything but trivial not too long ago (if QtCreator can actually pull off a remote debugging session where the debuggee runs in Chrome then kudos to QtCreator).
I think you are disconnected from the pain of debugging in the past. The fact that it all works so seamlessly together now is a bit fascinating and astounding.
Well anyone who worked on native apps has had seamlessly working debuggers for ages :)
I am not at all disconnected, but I understand why you might say that.
Very useful. It would be great for the browser become the cross-platform application target. I've been eagerly waiting for Qt WebAssembly to mature.
> It would be great for the browser become the cross-platform application target.
This is the kind of thing that I feel is very nice and terrible at the same time. Yes it is convenient but it is also such a complex piece of software, it's sad that it is required to run gui apps. Ok, it may not be required yet per say, but I have mixed feelings about this direction.
Maybe not the browser per se, but a WASI runtime
Or both the browser and wasi. As I am doing with exaequOS
I think this kind of thing could be really useful for a project I'm building.
What is your project ?
Is anyone using Qt for developing Mac apps these days? How is the integration after the recent Mac UI refresh?
Qt for macOS maintainer here.
We've tweaked our styles to take the new design metrics into account, and fixed or worked around issues where we've seen them. We don't integrate with NSGlassEffectView and friends yet. If you find any issues in recently released version of Qt 6.10, 6.8 or 6.5, please report them upstream, thanks!
See also https://www.qt.io/blog/qt-on-macos-26-tahoe
Ooooh, fancy :-)
Thank you for replying, glad to hear that Qt is staying on top of the game, I know it's a tough job.
Yes! I'm developing my note-taking app[1] for macOS and now working on a mobile version.
[1] https://get-notes.com