Enabling the devtools inspector when using Oxide in an Ubuntu SDK QML app

A tiny post for something I’ve just worked out. If you’re using Oxide, the Ubuntu web rendering engine (based on Chrome’s Blink) in an Ubuntu SDKQML app, it’d be useful to have access to the devtools inspector so you can debug it. Well, you can, although this doesn’t seem to be documented anywhere. Adnane “daker” Belmadiaf wrote a useful post describing how to use Oxide in your Ubuntu QML application but unaccountably didn’t explain how to turn on the dev tools¹ so this is how to do it.

Give your WebView a WebContext and set its devtoolsEnabled and devtoolsPort properties. That’s it.

import com.canonical.Oxide 1.0
WebView {

    ...

    context: WebContext {
        devtoolsEnabled: true
        devtoolsPort: 9232
    }
}

1. possibly because you couldn’t when he wrote the post :) ↩