强制浏览器呈现网页的打印样式表

Question

A lot of web pages use a Print stylesheet to format things better for printing. My question is, is it possible to force the browser to render a page using the print stylesheet without actually printing it?

Answer 1

In Chrome (version 78), you can force the browser to render the webpage's print stylesheet using Chrome DevTools by going to More Tools > Rendering

then selecting the Print option in the Emulate CSS Media dropdown

Answer 2

usually the print css has a media type of print. simply remove the media definition and use it in replace of the main style sheet

<link rel="stylesheet" type="text/css" media="print" href="print.css" />

change to

<link rel="stylesheet" type="text/css" media="all" href="print.css" />