How to debug media print view of Web page in Firefox?

How to Debug the Print/Media View in Firefox

Webpages often look different when printed. Firefox provides powerful developer tools to debug these styles.

The Steps

1. Open DevTools with F12.
2. In the “Inspector” tab, look for the “Emulate a CSS media type” dropdown (usually in the top-right of the DevTools pane).
3. Select “print”.

Firefox in 2026

In 2026, Firefox 120+ continues to lead in developer privacy and tooling. The “Responsive Design Mode” (Ctrl+Shift+M) also allows you to simulate print stylesheets alongside various screen sizes. Modern CSS features like @media print and color-scheme are now standard for ensuring your site looks good on both screens and paper.