Overview Open Chrome DevTools What's New In DevTools DevTools Engineering Get Started With Viewing And Changing The DOM Find Unused JavaScript And CSS With The Coverage Tab Find and fix problems with the Issues tab Run commands in the Command Menu View and debug media players information Emulate authenticators and debug WebAuthn Edit files with Workspaces Debug Progressive Web Apps Understand security issues Keyboard shortcuts View page resources
Overview Open Chrome DevTools What's New In DevTools DevTools Engineering Get Started With Viewing And Changing The DOM Find Unused JavaScript And CSS With The Coverage Tab Find and fix problems with the Issues tab Run commands in the Command Menu View and debug media players information Emulate authenticators and debug WebAuthn Edit files with Workspaces Debug Progressive Web Apps Understand security issues Keyboard shortcuts View page resources

Force print preview mode

Published on

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.

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.