All geek questions in one place

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

In short. I am working on a huge project. Yes, I have print.css and it works very well. But, in the end, it's so hard to always look at the print page.

And even you cannot check the page. Some elements are completely different from each other. Rewriting them, I now have 160 more lines in my print.css, however they just keep showing vertical, not horizontal.

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

+4
source share
3 answers

Look at this answer, I believe that this is what you are looking for.

Using Chrome Element Inspector in preview mode?

Chrome v46 +:

  • Open Developer Tools (CTRL + SHIFT + I or F12)
  • Press the "Switch device" mode button in the upper left corner (1).
  • Make sure the console is shown by pressing the menu button (2)> Show Console (3) or pressing the ESC key to switch the console (only works when the developer toolbar has focus).
  • Go to Emulation (4)> Media (5) tabs, check your CSS library and select print (3).

enter image description here

+11
source

print.css , . media="print" , .

0

I'm not sure if you are using any server-side code, if you have added a switch that allows you to switch between css files as the main stylesheet, then just use print.css as the main stylesheet.

If you use only pure html, add the print.css stylesheet as well as your "main.css", and then just comment out the one you don't need at the time.

0
source

Source: https://habr.com/ru/post/1620725/

More articles:


All Articles