Qt, Linux and everything: Debugging Qt WebAssembly

(qtandeverything.blogspot.com)

81 points | by speckx 20 hours ago

5 comments

  • N_Lens 17 hours ago
    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.

    • nottorp 10 hours 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?

      • pjmlp 7 hours 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 has stopped being the Web long time ago.

      • flohofwoe 9 hours 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).
  • flohofwoe 9 hours ago
    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

  • em3rgent0rdr 19 hours ago
    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.
    • bionsystem 19 hours ago
      > 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.

    • mkoubaa 18 hours ago
      Maybe not the browser per se, but a WASI runtime
      • baudaux 17 hours ago
        Or both the browser and wasi. As I am doing with exaequOS
        • mkoubaa 15 hours ago
          I think this kind of thing could be really useful for a project I'm building.
          • baudaux 10 hours ago
            What is your project ?
  • irishcoffee 17 hours ago
    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.

    • N_Lens 17 hours ago
      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.
      • pjmlp 4 hours ago
        Outside Web development, debugging has been a non issue for at least 30 years.
      • nottorp 10 hours ago
        Well anyone who worked on native apps has had seamlessly working debuggers for ages :)
      • irishcoffee 17 hours ago
        I am not at all disconnected, but I understand why you might say that.
    • fransje26 6 hours ago
      > 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.

      And as QtCreator is first-class citizen for everything related to Qt, you'll have all the Qt types correctly resolved/unrolled/displayed/annotated by gdb, which makes your debugging experience a lot, lot more convenient.

      • irishcoffee 5 hours ago
        You don’t need to use qt anything at all. It’s just an IDE, but yes qt is a first class citizen, it works well.
    • flohofwoe 9 hours ago
      > 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).

  • oblio 18 hours ago
    Is anyone using Qt for developing Mac apps these days? How is the integration after the recent Mac UI refresh?