1649189 - Create a devtools annotated styling pass

Status: NEW

(DevTools :: Inspector, enhancement, P3)

Description

[Brad Werth [:bradwerth]]

Devtools has some features that show decisions made by the styling system, but uses imprecise or inefficient methods to generate the data. For example:

• Inactive CSS uses heuristics to determine whether a property is applied.
• The Rule View parses the CSS files to determine which selectors match a DOM element.

These features would work more accurately and more efficiently if the required data could be extracted from the Platform styling system. There may be other existing or planned features that could also benefit from this.

If we build this feature, one approach would be to set a flag in the styling system, then re-run the style computation and extract the requested data.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

Bugbug thinks this bug should belong to this component, but please revert this change in case of error.