1899558 - Provide a console tool to easily search the page including the shadow roots

Status: RESOLVED FIXED

(DevTools :: Console, enhancement, P2)

Description

[Julien Wajsberg [:julienw]]

Currently looking into shadow roots isn't straightforward from the Web Console. It should be easier.

Comment 1

[Paul Adenot (:padenot)]

$$$ would be cool. If not supported via a secret chrome-only API, it can be implemented in js, but this needs manually looping on the elements to find the shadow root, and then recurse inside the shadow dom.

Comment 2

[Julian Descottes [:jdescottes]]

Could be useful to end users and firefox engineers.
Nicolas is offering to mentor this one, not an easy bug but should be doable with guidance.

Comment 3

[Alexandre Poirot [:ochameau]]

To register a new console command, you can copy the existing implementation of $$:
https://searchfox.org/mozilla-central/rev/55837bbe3e47f9b4fa91ef83a44b53823626f01d/devtools/server/actors/webconsole/commands/manager.js#471-509
and you should get a new console command working out of the box.

Comment 4

[Nicolas Chevobbe [:nchevobbe]]

Attachment: Bug 1899558 - [devtools] Add $$$ console utility to also search for elements in shadow roots. r=#devtools.

This is based on $$ but extends it so it also look for potential matches in
the shadow DOM, recursively.
A test is added, as well as some documentation for the helper.

Comment 5

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/2cb05ca2fa39
[devtools] Add $$$ console utility to also search for elements in shadow roots. r=devtools-reviewers,jdescottes.

Comment 6

[agoloman]

https://hg.mozilla.org/mozilla-central/rev/2cb05ca2fa39