Testing print stylesheets using Google Chrome

tags = []

Testing CSS print media queries is really difficult but a new featured was introduced in Google Chrome in December that allows you to apply different CSS media types like handheld, print, screen and so on.

  1. Open Developer Tools in Google Chrome by clicking the menu icon at the top-right of your browser window, then select Tools → Developer tools.
  2. Open up the Overrides menu in the Developer Tools by clicking the gear in the bottom right corner:
  1. Enable “Emulate CSS media” and select the “print” media type option from the drop-down box:

You can find more information and nifty tricks in the official documentation.

Go Top