Is it possible in chrome to make the browser look like a print page

Question

Long story short. I'm working on a huge project. Yes I have a print.css and it works very nice. But in the end it is so frustrating to always preview the print page.

And even works you can not inspect the page. Some elements totally look diffrent. Been overwriting them now have an extra 160 lines in my print.css however they just keep displaying vertical instead of horizontal.

It would be so nice, and I would be so happy if chrome had an extension or something to use so I could inspect a print preview or make my browser act as if it is a print.

Answer 1

See this answer, I believe this is what you are looking for.

Using Chrome's Element Inspector in Print Preview Mode?

Chrome v46+:

• Open the Developer Tools (CTRL+SHIFT+I or F12)
• Click the Toggle device mode button in the left top corner (1).
• Make sure the console is shown by clicking the menu button (2) > Show console (3) or pressing the ESC key to toggle the console (only works when Developer Toolbar has the focus).
• Open the Emulation (4) > Media (5) tabs, check CSS media and select print (3).