CODEWITHSUNDEEP
google-chrome-devtools
Kayce Basques
Kayce Basques

Reputation: 25897

Keep viewport size static while adjusting Chrome DevTools

Is there a way to keep the size of the viewport static while I adjust the Chrome DevTools window?

For example, I open up DevTools and it's minimized towards the bottom of my window...

enter image description here

So I go to expand it. But when I do, it changes the viewport size, which in this case makes it difficult to interact with my fiddle.

enter image description here

In other words, I want the page rendered as if it was taking up the viewport, and when I open DevTools, it just covers up the bottom half of the viewport, without changing innerWidth or innerHeight.

Upvotes: 0

Views: 79

Answers (1)

Gideon Pyzer
Gideon Pyzer

Reputation: 23958

I'm not aware of any option in DevTools to achieve that behaviour exactly, but you can improve the situation by enabling Responsive mode while the inspector is open:

Responsive Mode

As per above, you can expand DevTools to fill a reasonable portion of the screen, and then set the height and width of the viewport accordingly, so that you can see the content you wish to inspect.

Upvotes: 1

Related Questions