Chrome dev tools - How to merge "styles" and "computed" tabs together?

Viewed 650

I'm getting 2 different tabs for "styles" and "computed" in dev tools. Earlier they were in a single tab and I'm more comfortable with that view.

How can I get that layout back?

I have tried re-sizing the width of dev tools section, it didn't work.

Desired Layout

Current Layout

3 Answers

It looks like the developers are coming up with a solution after the community spoke up:

View the issue thread

You can't anymore as of July 2020, since it seems like an intended new behavior as of the Chrome 85 Update.

An alternative solution that has a similar display is the Firefox Developer Edition Web Developer Tools.

It looks similar to how Chrome Developer Tools used to look.

Firefox Developer Edition - Web Developer Tools: enter image description here

Related