12

As you can see here, the Developer Toolbar has been removed from the latest versions of Firefox, so I can't run a "media emulate print" command anymore. I would prefer to not have to use Chrome to debug my print styles, so is there any other way to turn on that functionality in Firefox?

Edit: the Web Developer extension is not an option because it only works with <link> tags that have the media="print" attribute -- not print media queries contained in normal CSS files.

Before anyone marks this as a duplicate: I've already seen this question (which does not apply to the current Developer Edition) and this question (which tells me how to do it in Chrome). And I don't have enough rep to do anything other than post a new question.

Garrett W.
  • 173
  • 2
  • 11

1 Answers1

12

Firefox has now a simple button for print emulation: Inspect Element, click the page symbol (blue in the picture).

Isnpect Element view

(From https://css-tricks.com/can-you-view-print-stylesheets-applied-directly-in-the-browser/, thanks!)

Juha M
  • 380
  • 3
  • 13
  • 1
    On Firefox 113, the button does almost nothing. I'd love it to switch rendering into print-media to help me fixing CSS. – Jari Turkia May 27 '23 at 09:18