Qt, Linux and everything: Debugging Qt WebAssembly

(qtandeverything.blogspot.com)

86 points | by speckx 1 day ago

6 comments

  • N_Lens 1 day 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 1 day 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 1 day 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 1 day 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 1 day 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 1 day 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 1 day 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 1 day ago
      Maybe not the browser per se, but a WASI runtime
      • baudaux 1 day ago
        Or both the browser and wasi. As I am doing with exaequOS
        • mkoubaa 1 day ago
          I think this kind of thing could be really useful for a project I'm building.
          • baudaux 1 day ago
            What is your project ?
            • mkoubaa 14 hours ago
              I'll email you over the weekend
  • LeSaucy 16 hours ago
    I wish licensing restrictions weren't holding back more widespread adoption of qt wasm.
  • irishcoffee 1 day 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 1 day 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 1 day ago
        Outside Web development, debugging has been a non issue for at least 30 years.
      • nottorp 1 day ago
        Well anyone who worked on native apps has had seamlessly working debuggers for ages :)
      • irishcoffee 1 day ago
        I am not at all disconnected, but I understand why you might say that.
    • flohofwoe 1 day 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).

      • irishcoffee 12 hours ago
        IIRC, and I’ll try and check tomorrow, what I was able to do in the past was set breakpoints in both qtcreator and a browser, and step through both. I believe there was a web dev tools tab that showed the c++. I’ll try and verify.

        I’m not a professional webdev, I was just messing around with qt+wasm for a few weeks a little while ago.

    • fransje26 1 day 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 1 day 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.
  • oblio 1 day ago
    Is anyone using Qt for developing Mac apps these days? How is the integration after the recent Mac UI refresh?