Servo now supports devtools again! Thanks to eri, our...

Servo now supports devtools again!

Thanks to eri, our latest Outreachy intern, you can now inspect the DOM tree, view styles, evaluate JavaScript, and read console messages.

Run servoshell with --devtools=6080 and connect via about:debugging in Firefox.

More details → https://servo.org/blog/2024/09/20/devtools/

On the left, it shows the DOM inspector with the tree view, CSS list and computed properties views. On the right is servoshell with servo.org opened.

Developer JavaScript console that shows commands and their results

Like 23 September at 9:14 | Open on floss.social

4 comments

Surya Teja K

@servo umm forgive me for asking but why does the DevTools window look a lot like Firefox?

23 September at 16:24 | Open on social.linux.pizza

tusooa :Cat_girls_Emoji_004: 西风

@shanmukhateja @servo

>and connect via about:debugging in Firefox.

Apparently they are exposing an api that can be used by firefox devtools.

23 September at 16:56 | Open on kazv.moe

lebout2canap ⏚

@shanmukhateja “Servo has been working on improving our Firefox devtools support as part of the Outreachy internship program since June, and we’re thrilled to share significant progress.”

@servo

23 September at 17:56 | Open on mastodon.tedomum.net

m₂

@shanmukhateja @servo That devtools window *is* from Firefox. There's no devtools view/inspector in Servoshell as of right now.

23 September at 18:21 | Open on widerweb.org

Go Up