1475259 - DevTools: show user agent styles

Status: RESOLVED WORKSFORME

(DevTools :: Inspector: Rules, defect)

Description

[Martijn]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:62.0) Gecko/20100101 Firefox/62.0
Build ID: 20180709172241

Steps to reproduce:

I'm debugging an issue where I need to override some browser default styles, and I need to know which styles I can override. I cannot enable browser default styles in DevTools -> Inspector -> Rules.

They are available on the Computed tab, but that's not what I want. It's too hard to find the right style, and too hard to see what already overrules what.


Actual results:

I can't find the switch that shows or hides browser default styles.


Expected results:

There should be a switch somewhere, among the other 234982392 buttons on the DevTools. I would suggest putting in the "..." menu or something, as it's not a very common thing.

Comment 1

[Martijn]

DevTools should probably be a Component? I'm not sure how else to properly tag this issue as belonging to DevTools.

Comment 2

[Patrick Brosset <:pbro>]

There is actually a switch to do this in the Settings panel (in the general toolbar for DevTools, click on the "..." menu, then click on Settings, then locate the Inspector section, and check the browser style checkbox).
For consistency reasons, it might be nice to align with how the computed tab does it, but as you said, it's not a very common thing to do, so keeping it in the settings panel for now might be best.

Closing the bug for now. Feel free to re-open with another suggestion.