Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Anyway to inspect multiple screen sizes at the same time in Chrome? [closed]

Could this be possible with an extension perhaps?

Basically, I am wanting to see mobile, tablet, and desktop sizes of a particular webpage and be able to inspect them all within 1 inspector window and if I make a change in the css to the inspector, I would like it to change for all 3 views.

Is something like this possible? This would help to standardize the html and css for all 3 viewports and make it much easier and less css needed for responsive design.

Anyone know of anything like this? I would think that there would be an extension for Chrome to be able to do this, or atleast some way to do this without an extension, in only 1 inspector window.

like image 358
Solomon Closson Avatar asked May 18 '18 19:05

Solomon Closson


3 Answers

sizzy.co, multiple screens at the same time, not just desktop and mobile, you can have a dozen screens one one screen.

like image 113
googamanga Avatar answered Oct 17 '22 04:10

googamanga


Emmet Re:view (Chrome Extension) works well for me.

However, I have problems keeping it persisted when reloading the page, which is especially annoying in development.

like image 36
Cody Elhard Avatar answered Oct 17 '22 06:10

Cody Elhard


I want to add on what Cody Elhard said and recommend Responsive Viewer browser extension. direct link

like image 42
JLarky Avatar answered Oct 17 '22 04:10

JLarky