Missed the action at the 2018 Chrome Dev Summit? Catch up with our playlist on the Google Chrome Developers channel on YouTube. Watch now.

Force Chrome DevTools Into Print Preview Mode (CSS Print Media Type)

The print media query controls how your page looks when printed. To force your page into print preview mode:

  1. Press Command+Shift+P (Mac) or Control+Shift+P (Windows, Linux, Chrome OS) to open the Command Menu.

    The Command Menu
    Figure 1. The Command Menu

  2. Type rendering, select Show Rendering, and then press Enter.

  3. Under Emulate CSS media select print.

    Print preview mode.
    Figure 2. Print preview mode

From here, you can view and change your CSS, like any other web page. See Get Started With Viewing And Changing CSS.

Feedback

Was this page helpful?