If you have to do a lot of work with print styles it can get super annoying because the only way to preview your changes is to hit “command + p” in the browser and have it open the print pdf preview. It’s slow and cumbersome to do it that way and there is a much better solution.

Open the developer tools in Chrome or Brave, then go to options -> more tools -> rendering -> emulate css media type “Print”. Here is a screenshot showing the setting:

After this you can inspect anything you want and see how it’ll look when printed right in the normal browser window.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s